ui-bootstrap模态范围错误

Question

我注意到ui-bootstrap模态范围有些奇怪.似乎在使用ng-model时,你必须引用$ parent来获得模态控制器的范围.在我plunker注意,其它属性这样的NG选项不需要$父: http://plnkr.co/edit/xGSHz4EkZvGr2D6CUeBz?p=preview

知道为什么吗？我在这里发现了一个类似的问题: Angular UI模式的范围问题

这导致我尝试$ parent更改,但我无法评论该线程,因为我没有足够的声誉.

知道为什么范围似乎改变了吗？

谢谢!

Answer 1

模态有自己的范围(我从来没有使用过Angular UI,但它是唯一可以发生的事情)当你设置"selectedLocation"时,属性是在模态的范围而不是控制器的范围上设置的.$ parent强制它获得控制器的范围,但这不是一个好的解决方案,因为你将自己锁定到某个结构中,总是假设模态的父级具有"模型".

这是一个使用控制器作用域上的模型对象的修改过的Plunker(使用model.selectedLocation) http://plnkr.co/edit/B5kZaIA5xi2RediUTBK7?p=preview

无论如何,如果你把你的财产放在像"$ scope.model.selectedLocation"这样改变行为的东西上.现在,当我在模态上引用"model.selectedLocation"时,模态的范围没有模型对象,因此Angular将范围链向上移动到控制器的范围(它有一个模型对象).

观看John Lindquist的这段视频,我认为它可以比我更好地解释它.:-) http://egghead.io/lessons/angularjs-the-dot