AngularJS ng-click () не работает при динамическом вызове функцией .append ('') в контроллере

Question

AngularJS ng-click () не работает при динамическом вызове функцией .append ('') в контроллере

0

введите описание изображения здесь. Я пытаюсь добавить динамические элементы HTML, которые имеют AngularJS ng-click, но не работают. Я пробовал {{2+2}} в iEl.append(<div>{{2+2}}<div>), но он не работает.

Что я делаю не так?

$scope.appendContent = function() {
    var iEl = angular.element( document.querySelector( '#med2' ) );

    iEl.append('<div class="row well"  ng-controller=Directive id="med1"> <div class="col-sm-12"  > <p>Medication {{2+2}}</p> <div class="col-sm-4"> Medicine <div class="well" dragular="{"classes":{"mirror":"custom-green-mirror"},"nameSpace":"same"}"></div> </div> <div class="col-sm-3"> Frequency <div class="well" dragular="{"classes":{"mirror":"custom-green-mirror"},"nameSpace":"same"}"></div> </div> <div class="col-sm-4"> Days <div class="well" dragular="{"classes":{"mirror":"custom-green-mirror"},"nameSpace":"same"}" ng-click=appendContent()></div> </div> <div class="col-sm-1"> <button class="close cursorDefault" ng-click="removeDIV()">X</button> </div> </div>');
};

Я хочу, чтобы html выглядел так, автоматически добавляйте, когда когда-либо заполняете значение.

Harjeet Singh 31 дек. 2015, в 18:54

Источник

7

Вы делаете это неправильно .. Абсолютно. Читайте stackoverflow.com/questions/14994391/…
dfsq 31 дек. 2015, в 17:16
0

Что именно не работает? Вы получаете какие-либо ошибки в консоли?
jHilscher 31 дек. 2015, в 17:16
0

Я считаю, что директивы и обязательные уравнения должны присутствовать в DOM, когда AngularJS загружает страницу. Кроме того, как уже отмечалось, использование такого рода DOM-манипуляций не очень хороший подход при использовании AngularJS. Это не в правильной парадигме.
Andrew Tomlinson 31 дек. 2015, в 17:20
0

Я хочу добавить этот iE.append (""); он работает нормально, но angularjs ng-click () не работает. На самом деле, я хочу добавить в виду, что снова добавить те же элементы HTML.
Harjeet Singh 31 дек. 2015, в 17:20

Показать ещё 2 комментария

Теги:

javascript

html

angularjs

angularjs-ng-click

2 ответа

Ещё вопросы

Вы делаете это неправильно .. Абсолютно. Читайте stackoverflow.com/questions/14994391/…
Что именно не работает? Вы получаете какие-либо ошибки в консоли?
Я считаю, что директивы и обязательные уравнения должны присутствовать в DOM, когда AngularJS загружает страницу. Кроме того, как уже отмечалось, использование такого рода DOM-манипуляций не очень хороший подход при использовании AngularJS. Это не в правильной парадигме.
Я хочу добавить этот iE.append (""); он работает нормально, но angularjs ng-click () не работает. На самом деле, я хочу добавить в виду, что снова добавить те же элементы HTML.

shaxawan mhammad · Answer 1 · 2016-10-10T17-59-00.000Z

использование:

$ scope.appendContent = function() {

$ scope. $ apply (function() {

    var iEl = document.getElementById('med2');
    iEl.append('content')

});

}

Nick McCurdy · Answer 2 · 2015-12-31T16-53-00.000Z

Никогда не манипулируйте DOM в Angular, если его можно избежать (за исключением случаев, когда вы находитесь в директиве). Вместо того чтобы использовать querySelector и angular.element, вы должны использовать ng-repeat директивы тег внутри вашей #med2 тега в вашем HTML (и, вероятно, можно удалить идентификатор, если он не используется в другом месте). Этот тег ng-repeat будет включать HTML-код, текущий в вашей строке JavaScript (который не должен быть в вашем исходном тексте JavaScript). Затем, когда appendContent вызывается, вместо добавления HTML к элементу напрямую, вы должны добавить объект в массив, который представляет базовые данные, контролируемые ng-repeat.