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>

问题是当我尝试在此视图上的某个位置单击时。列表的第一个复选框，始终更改其值。例如，即使我点击链接＆＃34;添加元素＆＃34;，ng-click事件也不起作用，第一个复选框是＆＃34;检查＆＃34;。

有什么想法吗？感谢。

Answer 1

只需将<label class="item... >..</label>切换为＆lt; div class="item...>..</div>。它运作得更好。

离子：加载ng-repeat的复选框不能很好地工作

1 个答案: