2

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

请选择第二个选项卡，然后单击按钮。它不会更新它：这是一个 Plunker：http ://plnkr.co/edit/jdaniklxFNkdxAYaLtVQ?p=preview

<!doctype html>
<html ng-app="plunker">
  <head>
    <scriptsrc="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.4.0.js"></script>
    <script src="example.js"></script>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
  </head>

  <body>
    <div ng-controller="TabsDemoCtrl">  
      <button ng-click="ranges=[23, 67]">Change in CTRL [23, 67]</button>
      <br/>
         This should be inside from any button: {{ranges}}
      <br/>
      <br/>
      <tabset>
         <tab heading="First">Static content</tab>
         <tab heading="Second">
           <my-directive ng-model="ranges"></my-directive>
         </tab>
      </tabset>
    <br/>
    <br/>
    <my-directive ng-model="ranges"></my-directive>
    </div>
  </body>
</html>
4

1 回答 1

6

AngularUI boostrap 指令创建了一个子作用域，因此快速修复是在“第二个”选项卡中使用以下内容：

<my-directive ng-model="$parent.ranges"></my-directive>
于 2013-07-01T17:32:39.883 回答