指令模型绑定在angular ui bootstap tabs指令下不起作用

Question

我在Angular.js中有一个模型,可以从控制器和指令更新.如果我将该指令放在AngularUI bootstrap Tabs指令中,它不会更新模型.代码非常简单,应该可以工作.

请选择第二个选项卡,然后单击按钮.它没有更新它:这是一个Plunker:http://plnkr.co/edit/jdaniklxFNkdxAYaLtVQ？p = preview

Answer 1

AngularUI boostrap指令创建子范围,因此快速修复是在"第二个"选项卡中使用以下内容:

<my-directive ng-model="$parent.ranges"></my-directive>