javascript - 关于在 Angular JS 中创建矩阵表的建议

标签 javascript json angularjs angularjs-ng-repeat

下面是我的 JSON 对象(部分),我想将其显示为矩阵表,最好使用 ng-repeat:

[
    {
        "product": "milk",
        "resource": "a",
        "checked": true
    },
    {
        "product": "bread",
        "resource": "a",
        "checked": false
    },
    {
        "product": "butter",
        "resource": "a",
        "checked": true
    }
]

enter image description here

我试过了http://plnkr.co/edit/iW1dZV?p=info但我不想使用 coffeescript。

最佳答案

@forgottofly 这是一个更好的 json 示例,可以满足您的需要:

[{
  "resource": "a",
  products: [{
    "product": "milk",
    "checked": true
  }, {
    "product": "bread",
    "checked": false
  }, {
    "product": "butter",
    "checked": true
  }]
}, {
  "resource": "b",
  products: [{
    "product": "milk",
    "checked": false
  }, {
    "product": "bread",
    "checked": true
  }, {
    "product": "butter",
    "checked": true
  }]
}, {
  "resource": "c",
  products: [{
    "product": "milk",
    "checked": false
  }, {
    "product": "bread",
    "checked": true
  }, {
    "product": "butter",
    "checked": true
  }]
}]

关于javascript - 关于在 Angular JS 中创建矩阵表的建议,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32500354/

相关文章:

javascript - 如何在Angular 2中从父级调用@Input EventEmitter

javascript - jQuery ui 选项卡加载/tabsload 事件不触发

javascript - 数据表:加载ajax后浏览器卡住

ios - Restkit-如何在表格 View 中显示 json 数据

javascript - 将外部 json 数据附加到 div 类别明智

javascript - XMLHttpRequest 不发送 POST 数据

javascript - 无法比较 if 语句中的 element.getText() 值 - 在 Protractor 自动化中

javascript - Angularjs 中文件上传前获取图像 dataUrl | ng-文件上传

javascript - 阻止 Enter 进入文本区域

javascript - 如何从表中删除某些行?