Область действия UI Bootstrap не обновляется

Question

Я использую AngularJs в моем проекте, и я хотел бы получить диалоговое окно, в котором пользователь будет вводить строку, чтобы получить эту строку позже на странице на переднем плане. Я решил использовать модальную директиву из UI Bootstrap, и я отредактировал он-лайн плункер, чтобы сделать некоторый тест; поэтому в этой ссылке (http://plnkr.co/edit/Nu5J5NbAYrx9UGQtBSOh) есть мой проект. Проблема возникает в файле example.js, строка 34: как получилось, что модель входного текста («имя пользователя») не определена на его контроллере? В чем проблема? Спасибо за ваши предложения.

Answer 1

По существу у вас есть проблема с иерархией областей видимости Check out Scopes for a description.

Чтобы исправить это, вы должны сделать это, чтобы применить примитивные значения в объектной модели области.

Старый Путь

$scope.username = ""; 

лучший способ

$scope.model = { 
    username: "" 
    } 

//and of course change your html to be ng-model="model.username" 

В некоторых случаях, не использующих объект хорошо, но из-за того, как радиально-щ установить модальности есть несколько областей в игре, чтобы иметь дело с.

Here is the example updated