John Churchley John Churchley - 1 year ago 153
AngularJS Question

Using jqLite in AngularJS to append text

I'm trying to append html to after the first h1 on the page. angular.element is return the h1 element but it's not appending the text "hello!" after the h1 element.Trying to avoid using full JQuery. Anyone with ideas?

app.controller('Test', ['$scope', function ($scope) {
var h1 = angular.element(document).find("h1").length > 0 ? angular.element(document).find("h1")[0] : null

if (h1 != null) {
angular.element(h1).after(function () {
return "hello!"

Answer Source

Do not pass a function in after, just include your desired text as the parameter.

if (h1 != null) {
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download