Я добавляю Angular UI Modal, где я передаю область действия в Модальное окно для двухсторонней привязки. Я использовал метод resolve
для передачи значения области. Выполнение такого рода работ приводит к тому, что значение ng-model изменяется в родительском, оно отражается внутри модального окна. Однако, если значение изменяется внутри модального окна, оно не отражается в родительской ng-модели. Вот мой код:
HTML:
<div ng-app="app">
<div ng-controller="ParentController">
<br />
<input type="text" ng-model="textbox.sample" />
<a class="btn btn-default" ng-click="open(textbox.sample)">Click Me</a>
<script type="text/ng-template" id="ModalContent.html">
<input type = "text" ng-model= "ngModel" / >
</script>
<br />{{ textbox }}
</div>
</div>
Контроллер:
var app = angular.module('app', ['ui.bootstrap']);
app.controller('ParentController', function ($scope, $modal) {
$scope.textbox = {};
// MODAL WINDOW
$scope.open = function (_ngModel) { // The ngModel is passed from open() function in template
var modalInstance = $modal.open({
templateUrl: 'ModalContent.html',
controller: ModalInstanceCtrl,
resolve: {
ngModel: function () {
return _ngModel;
}
} // end resolve
});
};
});
var ModalInstanceCtrl = function ($scope, $modalInstance, ngModel) {
$scope.ngModel = ngModel;
};
Почему нет двухсторонней привязки между родительским и модальным экземпляром, не работающим в указанном выше коде?