angular ui version 0.10.0在选项卡内打破ng-form验证

Question

当我将角度ui版本从0.7升级到0.10时，我遇到了一个奇怪的问题。 我有一个ng-form，它位于选项卡内，选项卡外部的按钮在表单无效时将被禁用。在我的情况下，我必须将按钮放在标签之外。

它在0.7版本下工作，请参阅here

但是，它在版本0.10下无效，请参阅here

我能使其工作的唯一方法是将按钮放在标签内。似乎新版本的角度ui改变了范围的工作方式。

任何人都知道如何修复它？感谢

Answer 1

您遇到问题的原因是在新的angular-ui版本中，每个标签内容都存在 在每个自己创建的新子范围中，所以现在在选项卡范围内更改的值（如您的情况下的myForm）将不会影响父范围。 我编辑了你的plnkr here，因此ng-model现在是$ parent.myForm，这意味着它将评估在外部作用域中子作用域（在选项卡内）所做的任何更改。