javascript - ionic 框架中带有禁用复选框的 ionic 列表

标签 javascript angularjs ionic-framework

这是我的Codepen

在此演示应用程序中,我有两个列表数组。第一个是 items,第二个是 items1

我想要:

  1. 显示列表,其中应预先检查 items1items 数组中的某些项目。
  2. 我不希望用户选中和取消选中。所以这意味着应该禁用复选框。

如何使用我之前分享的演示 Codepen 来做到这一点。任何帮助将不胜感激。

最佳答案

我建议您使用ng-init在输入init上设置item.checked的值

ng-init="item.checked = (items1|filter: {id: item.id})[0].id == item.id;"

Working Codepen

关于javascript - ionic 框架中带有禁用复选框的 ionic 列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31926912/

相关文章:

javascript - 带有文本形式替代的 Bootstrap 子菜单?

javascript - 如何在 vue 组件中本地使用 VeeValidate 或任何第三方包

javascript - Angular JS 中的嵌套 ng-repeat

ios - Ionic build ios 卡住了

javascript - 仅当满足特定条件时才执行调整大小功能

javascript - AngularJS - 数字格式 xxx-xx-xxxx

javascript - ng-grid 导出到 CSV 插件——如何下载所有数据,即使分页

angularjs - ng-repeat 索引到数组

javascript - 如何将状态更改解析为嵌套 View 上的 Controller

javascript - 使用 View 在 couchDB 中的文档之间返回唯一值