Я пытаюсь добавить div к другому div. Но этот div, который я добавлю, имеет ng-repeat (AngularJS).Могу ли я добавить div, который включает ng-repeat
мой HTML-код выглядит следующим образом:
<div id="content"></div>
и это мой JQuery/angularjs функция:
$('#content').append('<div ng-repeat="article in articles"><p>{{article.title}}</p></div>);
возможно запустить ng-repeat после того как я добавить его?
Спасибо ребята :)
Вы должны перекомпилировать DOM после добавления новых элементов в DIV
Ваш HTML
<div id="content"></div>
Шаг 1: Создание HTML, который будет добавлен
var articleHTML= angular.element('<div ng-repeat="article in articles"><p>{{article.title}}</p></div>');
Шаг 2: компилировать шаблон
var compileAppendedArticleHTML= $compile(articleHTML);
Шаг 3: связать скомпилированный шаблон с областью.
var element = compileAppendedArticleHTML($scope);
Шаг 4:. Добавление к DOM
$("#content").append(element);
это работает, ha:) Большое спасибо –
Эта ссылка может быть полезна для вас
http://blog.sodhanalibrary.com/2014/08/append-or-prepend-html-to-div-using.html#.WJMS_qLhXIU
спасибо, но я думаю, что это то же самое, что и $(). Append Я пробовал это решение, но ничего не происходит –
Попробуйте запустить $ объем $ дайджеста(); после добавления. – rrd
Не используйте такие угловые и jquery. Если вы используете угловой, то контент должен существовать в HTML-коде уже, но просто быть скрытым с помощью 'ng-if' - его не следует добавлять отдельно. Если вы используете jquery, используйте jquery.each вместо ng-repeat. Вы делаете свой код излишне сложным, если попытаетесь использовать отдельные философии углового и jquery вместе. – Fissio
Извините $ scope. $ Digest() не могу помочь мне ... я пробовал, но ничего не происходит –