Есть код:
<body ng-app="App" ng-controller="AppCtrl">
<div class="container">
<form ng-submit="newTask()">
<input type="checkbox" ng-model="checkAll">
<input id="one" type="text" ng-model="text" name="text" placeholder="What tododo?">
</form>
<input id="two" type="checkbox" ng-checked="checkAll">
</div>
</body>
var App = angular.module("App", []);
App.controller('AppCtrl', function ($scope) {
$scope.list = [];
$scope.newTask = function () {
if ($scope.text) {
$('.container').append("<div class='task'><input id="appended" type='checkbox' ng-checked='checkAll'/>" + this.text + "</div>");
$scope.list.push(this.text);
$scope.text = '';
}
};
});
Проблема: чекбокс с id="two" реагирует на изменения в чекбоксе с id="one", в то время как добавленные скриптом боксы с id="appended" — нет. В чём проблема?
Простой