1
모달 창 (http://angular-ui.github.io/bootstrap/ 참조)을 사용하려고합니다. I는 다음과 같은 기능을 갖고 상위 제어기 모달 창 (AngularJS 지시문)의 범위
:var ModalInstanceCtrl = function ($scope, $modalInstance, year, month, day, todos) {
...
$scope.todos = todos;
$scope.addTodo = function() {
$scope.todos.push({ TodoText: $scope.todoText.value, Done: false, Del: false, Date: new Date(year, month, day), Priority: 1, New: true});
$scope.todoText.value = "";
};
...
$scope.ok = function() {
$modalInstance.close($scope.todos);
};
};
상위 감안 todos
와 캘린더가 도시되어
$scope.open = function() {
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: ModalInstanceCtrl,
resolve: {
year: function() {
return $scope.year.value;
},
month: function() {
return $scope.month;
},
day: function() {
return $scope.day.name;
},
todos: function() {
return $scope.day.toDoItems;
}
},
backdrop: 'static'
});
modalInstance.result.then(function (todos) {
angular.forEach(todos, function (todo) {
if (todo.New)
$scope.day.toDoItems.push(todo);
});
}, function() {
$log.info('Modal dismissed at: ' + new Date());
});
};
모달 제어기에 addTodo 함수가
하루에. 하루 헤더를 클릭하면 모달 창이 열리고 추가 기능을 추가 할 수 있습니다. 제 문제는 모달 윈도우에서 todos를 추가 할 때 동시에todos
이 부모 뷰에 추가된다는 것입니다. 이제
todos
이 부모보기에서 두 번 추가되었습니다. 한 번 모달보기에 추가되고 모달보기에서 확인을 클릭합니다. 그러나 모달 뷰에서 확인을 클릭 할 때만 부모보기에
todos
항목을 추가하려고합니다.
누구에게도 해결책이 있습니까? 미리 감사드립니다!
어떻게 작동하는지 당신은 Plunker에서 볼 수: http://plnkr.co/edit/Nr1h7K3WZyWlRlrwzhM3?p=info
당신은 바이올린에 있음을 설명 할 수 있습니까? –
Plunker에서 링크를 추가했습니다. HTML 태그를 Fiddle로 편집 할 수 없습니다 (그리고 ng-app를 지정해야합니다). – Tenzi