Ionic：在 ng-repeat 中加载的复选框效果不佳

Question

我正在尝试生成包含这些对象的列表：

$scope.note.contentList = [{text: "hello", checked: false},{text: "hello 2", checked: false},...]

我的看法：

<label class="item item-input item-stacked-label" ng-hide="displayContentType()">

            <span class="input-label"><b>Content</b></span>

            <div class="row" ng-repeat="listItem in note.contentList">
                <div class="col"><ion-checkbox ng-model="listItem.checked"  ></ion-checkbox></div>
                <div class="col col-80"><input type="text" ng-model="listItem.text"></input></div>
            </div>

            <div class="row" ng-click="addElementToContentList()">
                <div class="col col-20"><i class="icon ion-plus-round" >Add Element</i></div>
            </div>

</label>

问题是当我尝试单击此视图上的某处时。列表的第一个复选框，总是改变它的值。

例如，即使我点击 link "add element"，ng-click 事件也不起作用，第一个复选框是 "checked"。

有什么想法吗？谢谢

Answer 1

只需将 <label class="item... >..</label> 切换为 <div class="item...>..</div>。效果更好。

Ionic：在 ng-repeat 中加载的复选框效果不佳

Ionic: Checkboxes loaded in ng-repeat doesn't work very well

checkbox

angularjs-ng-repeat

ionic-framework