如何在uib-tabset中使用ng-checked

Question

以ng-checked为例，文档如下：-

https://docs.angularjs.org/api/ng/directive/ngChecked

如果您放置第一个复选框“check me to check me check both”，则在选择uib-tabset-heading之后，如果该复选框被放置在uib-tabset-heading中，则不会选中该复选框。

有没有人能解释为什么会出现这种情况，以及您可以做些什么来保持选中状态。

Answer 1

这是一个作用域问题。uib-tabset指令为选项卡创建子范围。为了让原型继承正常工作，ng-model指令需要指定对象的属性。

  <input ng-init='obj={}' id="checkSlave" type="checkbox" ng-checked="obj.master">
  <br>        
  <uib-tabset active="active">
    <uib-tab index="0" heading="Static title">
          <label>Check me to check both: 
                               <!-- Always include a dot in ng-model-->
          <input type="checkbox" ng-model="obj.master"></label><br/>

    </uib-tab>

The DEMO on PLNKR

有关更多信息，请参阅The Nuances of Scope Prototypal Inheritance