Событие ng-click работает для управления временем html времени разработки, но не для управления временем выполнения. может быть связано с тем, что событие ng-click в этом случае выходит за рамки.angularjs ng-click для тегов времени выполнения не работает
HTML код
<div ng-controller="AccordionDemoCtrl">
<label class="checkbox">
<button class="btn btn-small" ng-click="addItem()">Add Item</button>
<input type="checkbox" ng-model="oneAtATime" />Open only one at a time</label>
<accordion close-others="oneAtATime">
<accordion-group heading="{{group.title}}" ng-repeat="group in groups">{{group.content}}</accordion-group>
</accordion>
<button class="btn btn-small" onclick="f()" >Click</button>
<div id=name>
</div>
Javascript Код
var app = angular.module('myapp', ['ui.bootstrap']);
function AccordionDemoCtrl($scope) {
$scope.oneAtATime = true;
$scope.groups = [{
title: "Dynamic Group Header - 1",
content: "Dynamic Group Body - 1"
}, {
title: "Dynamic Group Header - 2",
content: "Dynamic Group Body - 2"
}];
$scope.addItem = function() {
$scope.groups = [{
title: "Dynamic Group Header - 4",
content: "Dynamic Group Body - 4"
}, {
title: "Dynamic Group Header - 5",
content: "Dynamic Group Body - 5"
}];
};
}
function f()
{document.getElementById("name").innerHTML = "<button id='btn2' ng-click='addItem()'>add d item</button>";}
Точка Angular позволяет вам писать декларативный и динамический HTML. Поэтому вы не должны принудительно генерировать его из своего JavaScript. Хотя вы не можете использовать JQuery, этот ответ может помочь вам: http://stackoverflow.com/questions/14994391/thinking-in-angularjs-if-i-have-a-jquery-background – rob
Это плохая практика, что вы пытаетесь сделать именно это? Я вижу, что вы используете аккордеонную демонстрацию для углового ui – Ronnie
Я хочу создать тезисы тезисов из данных веб-api json, обновив переменную $ scope.groups – Jinnah