Javascript 点击时显示的更新列表中的项目-角度JS

我有一个显示一些项目的列表，下面是在我的控制器中生成我的列表的代码：

$scope.multipleOptions = [{ item: '1', checkmark:false}, { item: '2', checkmark:false},{ item: '3', checkmark:false} ];

然后在我的HTML中

<ion-list id="multiple-select-list" class=" ">
         <ion-item class="  " ng-repeat="multipleOption in multipleOptions track by $index" ng-click="checkSelected($index)">
                <p><b>{{multipleOption.item}}</b></p>
                <p class="button-icon ion-checkmark" ng-show="{{multipleOption.checkmark}}"></p>
        </ion-item>
</ion-list>

在上面的方法中，我可以将项目的checkmark变量设置为true，但是我让troubel使用的是使它在点击项目时正确显示？如何设置复选标记的ng显示，使其在点击时正确显示

编辑 这两种解决方案都有效，我只是想添加一些我注意到的行为，当我有

ng show={{{multipleOption.checkmark}}

时，

ng hide

类将添加到该

的类中，因此即使我将

ng show

设置为true，它也不会显示

---

谢谢你的帮助

我想问题出在你的语法上。试着去掉花括号。也看看答案

---

我认为问题在于你的语法。试着去掉花括号。也看看答案

HTML:

HTML:

---

谢谢你介意看看我添加的编辑吗，只是想知道为什么会这样happed@iqueqiorio-对不起，我没听懂你的意思，你能在我最初有

ng show=“{{multiple.checkmark}}}”的时候重新表述一下吗？

当我在浏览器中进入该页面并查看这个标签

在浏览器中，它显示了

它将

ng hide

添加到类中，因此即使我手动将

ng show

属性更改为

true

它仍然没有显示，直到我从class属性中删除

ng hide

，才有意义？您手动更改ng show属性是什么意思？当您有

ng show=“{{multiple.checkmark}}”时，

它将其作为

false

获取，因此angular会自动添加ng隐藏类。@iqueqiorio-有意义吗？嗯，不完全，但我假设您在浏览器中手动更改（开发人员控制台/firebug）；将ng show更改为true或false不会隐藏或显示元素，从类中添加/删除ng hide将隐藏/显示元素谢谢您是否介意查看我添加的编辑，只是想知道为什么会这样happed@iqueqiorio-抱歉，我没听懂你的意思，你能在我最初的

ng show=“{{multiple.checkmark}}”中重新表述它吗

当我在浏览器中进入该页面并查看该标签时，他们看到了

在浏览器中显示了
它将
ng hide
添加到了类中，因此，即使我手动将
ng show
属性更改为
true
，它仍然没有显示，直到我从class属性中删除了
ng hide
，这才有意义？您手动更改ng show属性是什么意思？当您有
ng show=“{{multiple.checkmark}}”时，
它将其作为
false
获取，因此angular会自动添加ng隐藏类。@iqueqiorio-有意义吗？嗯，不完全，但我假设您在浏览器中手动更改（开发人员控制台/firebug）；将ng show更改为true或false不会隐藏或显示元素，从类中添加/删除ng hide将隐藏/显示元素谢谢你介意看一下我添加的编辑，只是想知道为什么会发生这种情况谢谢你介意看一下我添加的编辑，只是想知道为什么会发生这种情况吗
$scope.checkSelected = function(modalIndex) {
        //this set the checkmark property to true
        $scope.multipleOptions[modalIndex].checkmark = true;
        //the line below does not work 
        document.getElementById("multipl-select-list").getElementsByTagName("ion-item")[modalIndex].getElementsByTagName("p")[1].show = true;
    }

ng-show="multipleOption.checkmark"

<ion-list id="multiple-select-list" class=" ">
         <ion-item class="  " ng-repeat="multipleOption in multipleOptions track by $index" ng-click="checkSelected(multipleOption)">
                <p><b>{{multipleOption.item}}</b></p>
                <p class="button-icon ion-checkmark" ng-show="multipleOption.checkmark"></p>
        </ion-item>
</ion-list>

$scope.checkSelected = function(data) {
    data.checkmark = true;
}