仅显示已检查项目的角度

Question

我有一个带有复选框的页面，我正在尝试重新显示用户在检查时检查的项目。

这种情况会发生，但如果他们取消选中不从篮子中取出的物品。你能帮忙吗？

C

Answer 1

我相信你在这里发出的是你的ids对象。当用户取消选中复选框时，角度不会将其从对象中删除。它很简单地将值更改为true或false。

{
   '123' : true,
   '1234' : false
}

所以产品永远不会被从篮子中移除。您可以在ng-repeat上添加ng-if来检查值是否为真。

<li ng-repeat="(key, value) in ids " ng-if="value === true">{{key}}</li>

值可能是字符串而不是布尔值，因此它看起来像这样。我无法记住我的头脑。

<li ng-repeat="(key, value) in ids " ng-if="value === 'true'">{{key}}</li>

此处还有角度文档的链接 imapclient