离子。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>

问题是当我试图点击这个视图上的某个地方时. 列表的第一个复选框，总是改变其值。

例如，即使我点击 "添加元素 "的链接，也会出现以下情况 ng-click 事件不工作，第一个复选框是 "选中"。

有什么办法吗？谢谢，我试图用这些对象生成一个列表：$scope.note.contentList = [{text: "hello", checked:false].

Answer 1

只要切换 <label class="item... >..</label> 由&lt。div class="item...>..</div>. 它的工作更好。