Использование jqLite в AngularJS для добавления текста

Question

Использование jqLite в AngularJS для добавления текста

0

Я пытаюсь добавить html после первого h1 на странице. angular.element возвращает элемент h1, но не добавляет текст "привет!". после элемента h1. Попытка избежать использования полного 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!"
        })
    }
}]);

John Churchley 08 июнь 2016, в 13:02

Источник

Теги:

javascript

angularjs

jqlite

2 ответа

1

Измените angular.element(h1) на $(h1).

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

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

a.u.b 08 июнь 2016, в 08:16

Ещё вопросы

Gopikrishnan · Accepted Answer · 2016-06-08T08-18-00.000Z

Не передавайте функцию after, просто укажите нужный текст в качестве параметра.

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