当我选中Angular中的复选框时，为什么会隐藏Label

Question

我正在尝试显示标题但是当我选中复选框时，标签是隐藏的。

<div ng-repeat="widget in user.widgets track by $index">
      <input type="checkbox"  ng-model="user.widgets[$index]">
      <label> {{user.widgets[$index].title}}</label>
      <br>
 </div>

Answer 1

当您选中复选框时，会使用true覆盖user.widgets[$index]。因此，您无法访问user.widgets[$index].title。

您可以使用小部件而不是user.widgets [$ index]。这是当前的对象。

<div ng-repeat="widget in user.widgets track by $index">
     <input type="checkbox"  ng-model="widget.isChecked">
     <label>{{widget.title}}</label>
     <br>
</div>