动态加载接口,使用angularJS:双向绑定中断

时间:2012-12-07 21:44:53

标签: angularjs 2-way-object-databinding

我正在尝试使用angularJS构建动态加载接口的Web应用程序。

我发现在Angular的初始引导程序(HTML模板+控制器)之后可以引导我的代码的某些部分。 我的问题是,这样做,双向数据绑定不起作用。亲眼看看:

http://plnkr.co/edit/MtAWP6

有什么想法吗?我在寻找做错事的方法吗?

谢谢!

2 个答案:

答案 0 :(得分:1)

你的问题不是引导问题(虽然你真的不应该使用bootstrap来实例化一个控制器,而是$ compile,imo - 见this answer)。这是一个范围问题。你定义了一个" mymodel"在控制器中建模,然后在表单中再次定义它,角度会自动创建它自己的范围。虽然表单的作用域继承自父作用域,因此似乎是"绑定"模型,反过来不会发生。

您需要在两个范围之间建立绑定(或者观察表单的变量,或者在surronding控制器中定义for),或者直接将控制器分配给表单。

查看您的问题公开here(请注意,当您的$ timeout更改两个模型时,手动设置模型只会更改一个模型)

看到它已解决here(基本上将您的控制器分配给生成的表单,而不是分配给所述表单的封闭div)

答案 1 :(得分:0)

我想也许你应该再看一下路由/深度链接。您应该能够指定模板URL和控制器。

查看此video

api docs