Dan*_*olf 7 tabs nested twitter-bootstrap angular-ui angular-ui-bootstrap
我正在使用AngularJS版本1.0.5和Angular UI(Bootstrap)0.4.0.我正在尝试集成两个功能:UI的选项卡和Angular的形式.
我有嵌套表格.一个表单(outerForm)包装整个tabset.另一种形式(innerForm)位于一个选项卡中.
我希望在选项卡之外有一个按钮,根据innerForm的有效性启用\禁用!
当我尝试从表单本身外部访问innerForm.$有效时,它不起作用.
这是一个吸烟者:http://plnkr.co/edit/sEz8TG？p = preview
现在,当我尝试使用常规Bootstrap时,它似乎确实有效:http: //plnkr.co/edit/Somic4？p = preview
当内部表单位于常规div中时,我可以从外部访问它.当我使用Angular UI的特殊"tab"语法时,它不再起作用.
小智 5
该标签集指令产生局部范围内这是不是你的外在形式范围的一部分.
https://github.com/angular-ui/bootstrap/blob/master/src/tabs/tabs.js#L78
在可行的示例中,您的内部和外部表单属性在同一范围内.为了证明这一点,我剥离了外部tabset和tab标签指令显示在这里,它的工作原理.当您使用tabset指令包围标记时,会生成一个新的隔离范围,其中innerForm是其中的一部分.
.
要解决这个问题,您可以在表单中进行$ watch监视,然后使用$ emit()(http://docs.angularjs.org/api/ng.$ rootScope.Scope)与外部作用域进行通信.内部范围的价值和有效性的变化.
如果您使用的是Chrome,请获取Batarang扩展程序,该扩展程序会向您显示您的范围层次结构
| 归档时间： |
|
| 查看次数： |
2550 次 |
| 最近记录： |