UI Bootstrap指令的范围未更新

Question

我在我的项目中使用AngularJs，我希望得到一个对话框，用户将输入一个字符串，以便稍后在前台的页面上获取此字符串。我决定使用UI Bootstrap中的模态指令，并编辑了在线plunker进行一些测试;所以，在这个链接（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"

在某些情况下，不使用对象很好，但是由于Angular-ui如何设置模态，有几个范围可以处理。

Here is the example updated