UI угловой модальный контроллер $ scope значения ошибка обработки

Я использую угловой пользовательский интерфейс, в шаблоне моего модального я имею 2 входа и кнопку, это использует атрибут ng-model, хорошо, у меня есть контроллер, установленный для модального, который работает, он делает все, кроме получения значения входов, даже когда я устанавливаю значение в контроллере для ввода, которое он меняет, но когда я пытаюсь получить значение из шаблона, я получил неопределенный ответ, я делаю этот plunker и своего рода вставляю свой модальный код и делаю контроллер для него одна кнопка устанавливает предопределенное значение на входе, а другая пытается его получить, я надеюсь, что кто-то может мне помочь, спасибо

http://plnkr.co/edit/7NCbo28DbDc8vkxjE2gx?p=preview

1 ответ

Модальное окно имеет свою собственную область. То, что вы хотите сделать, это взять вашу модель и сделать ее объектом. Поэтому возьмите bootusername и назовите его что-то вроде bootusername.text

Затем вы можете инициализировать имя bootusername в контроллере экземпляра и установить модель следующим образом:

var ModalInstanceCtrl = function ($scope, $modalInstance)
{
 $scope.bootusername = {}; //initialize the object

 $scope.check1 = function()
 {
 $scope.bootusername.text = 56; //set the object here or just type in input
 };

 $scope.check2 = function()
 {
 console.log($scope.bootusername.text);
 };

 $scope.ok = function()
 {
 $modalInstance.close($scope.selected.item);
 };

 $scope.cancel = function()
 {
 $modalInstance.dismiss('cancel');
 };
};

licensed under cc by-sa 3.0 with attribution.