json - 基于mat-tree复选框选择,angular6中的过滤表
问题描述
我在 Angular 6 中将其用于组复选框。 https://stackblitz.com/angular/nkmjydodvnp?file=app%2Ftree-checklist-example.ts
这里假设我有一个这样的 JSON 数据:
"data": [
{
"reminderName": "Cook dinner",
"status": "some value",
},
{
"reminderName": "Read the Material Design spec",
"status": "some value1",
}
]
我在表格中显示这些数据。所以在这里我想要的是,每当我选择“烹饪晚餐”时,只有与烹饪晚餐相关的行应该从表中过滤,或者如果我将同时选择“烹饪晚餐”和“阅读材料设计规范”,那么这两行应该只从表中显示。
谁能帮助我如何做到这一点?
解决方案
<script>
$(function() {
$.getJSON('data.json', function(data) {
$.each(data.data, function(i, f) {
var tblRow = "<tr>" + "<td>" + f.reminderName+ "</td>" +
"<td>" + f.status+ "</td>"
$(tblRow).appendTo("#jsondata tbody");
});
});
});
</script>
<div>
<table id= "jsondata" border="2">
<thead>
<th>Reminder Name</th>
<th>Status</th>
</thead>
<tbody>
</tbody>
</table>
</div>
这里 !!!如果有错误请回复
推荐阅读
- python - 优化后评估 pyscipopt Expr
- neo4j - Set类型的可变深度持久性和关系
- visual-studio-code - 带有 Python 扩展的 VSCode 2019 年 4 月 - “Python 扩展加载...”
- reactjs - 如何在 Material UI 网格中添加水平滚动
- javascript - css 下拉菜单未显示在 iMac Safari 浏览器中
- javascript - 生成正则表达式以匹配 url
- angular - 如何通过单击 Angular 7 中的按钮来加载组件
- flutter - 如何从有状态小部件类传递变量?- 颤动
- laravel - 在我的 laravel 项目中,一些数据没有从表单提交传递给控制器。可能是什么原因?
- algorithm - 比多个 Free List 方法更快的内存分配和释放算法