在 AngularJS 中使用 jqLit​​e 附加文本

Question

我正在尝试将 html 附加到页面上第一个 h1 之后。 angular.element 是 return h1 元素，但它不会在 h1 element.Trying 之后附加文本 "hello!" 以避免使用完整的 JQuery。有想法的人吗？

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 1

不要在 after 中传递函数，只需将您想要的文本作为参数。

if (h1 != null) {
        angular.element(h1).after('Hello')
}

Answer 2

将 angular.element(h1) 更改为 $(h1)。

    $(h1).after(function () {
        return "hello!"
    })

http://jsfiddle.net/ms403Ly8/94/