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

Question

以ng-checked为例，记录在： -

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

如果您放置第一个复选框＆＃39;选中我同时检查两个＆＃39;，如果在您选择它后将其置于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>

DEMO on PLNKR

有关详细信息，请参阅The Nuances of Scope Prototypal Inheritance