如何使用json在Angular2中创建表
我试图创建一个数据网格——或者在angular2中用JSON对象创建一个表格。我的问题是我不知道表中有多少列，也不知道这些列的名称。
从我目前的理解我需要定义世界卫生大会
也许一个例子会让事情变得更清楚。。。
下面是我需要在同一个表中呈现的两个JSON示例...
示例1
{
"table": {
"columns": {
"column": [
{
"-articleColumn": "articleCode",
"-label": "Article Code ",
"-fCode": "f9",
"-value": "column1"
},
{
"-articleColumn": "Article.trend",
"-label": "Trend ",
"-fCode": "f25",
"-value": "column2"
}
]
},
"rows": {
"row": [
{
"column1": "articleCode",
"column2": "Avg"
},
{
"column1": "151110103",
"column2": "100"
},
{
"column1": "151110109",
"column2": "101"
},
{
"column1": "151110111",
"column2": "102"
},
{
"column1": "151110117",
"column2": "103"
}
]
}
}
}
示例 2
{
"table": {
"columns": {
"column": [
{
"-articleColumn": "articleCode",
"-label": "Article Code ",
"-fCode": "f9",
"-value": "column1"
},
{
"-articleColumn": "Article.trend",
"-label": "Trend ",
"-fCode": "f25",
"-value": "column2"
}
{
"-averageDemand": "Article.averageDemand",
"-label": "Average Demand ",
"-fCode": "f564",
"-value": "column3"
},
{
"-warehouse": "Article.warehouse",
"-label": "Warehouse ",
"-fCode": "f295",
"-value": "column4"
}
]
},
"rows": {
"row": [
{
"column1": "151110103",
"column2": "100"
"column3": "500"
"column4": "TOT"
},
{
"column1": "151110109",
"column2": "101"
"column3": "46"
"column4": "TOT"
},
{
"column1": "151110111",
"column2": "102"
"column3": "16"
"column4": "SEL"
},
{
"column1": "151110117",
"column2": "103"
"column3": "112"
"column4": "SEL"
}
]
}
}
}
这里有我的组件…
表格：
<table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
<tbody>
<app-field-mapping-row [rowData]="row" *ngFor="let row of rows"></app-field-mapping-row>
</tbody>
</table>
应用程序字段映射行：
注意：这是我卡住的地方！
<tr>
<td class="mdl-data-table__cell--non-numeric" *ngFor="let cell of rowData" >
{{cell}}
</td>
</tr>
我如何创建正确的数量的细胞和h
我没能找到任何方法把
如。* ngFor =“让细胞rowData.children ()
非常感谢一如既往的帮助。
共有1个答案
这是我做过AngularJS,但是你w
这是我的观点：
<table class="table table-striped table-hover display" style="cellspacing:0;width:100%">
<thead>
<tr>
<th ng-repeat="columns in tableData.table.columns.column">
{{columns.label}}
</th>
</tr>
</thead>
<tbody >
<tr ng-repeat="row in tableData.table.rows.row">
<td ng-repeat="(key,val) in row">{{val}}</td>
</tr>
</tbody>
</table>
这是您的JSON，我只是删除了-in标签，并修复了JSON格式
{
"table": {
"columns": {
"column": [
{
"-articleColumn": "articleCode",
"label": "Article Code ",
"-fCode": "f9",
"-value": "column1"
},
{
"-articleColumn": "Article.trend",
"label": "Trend ",
"-fCode": "f25",
"-value": "column2"
},
{
"-averageDemand": "Article.averageDemand",
"label": "Average Demand ",
"-fCode": "f564",
"-value": "column3"
},
{
"-warehouse": "Article.warehouse",
"label": "Warehouse ",
"-fCode": "f295",
"-value": "column4"
}
]
},
"rows": {
"row": [
{
"column1": "151110103",
"column2": "100",
"column3": "500",
"column4": "TOT"
},
{
"column1": "151110109",
"column2": "101",
"column3": "46",
"column4": "TOT"
},
{
"column1": "151110111",
"column2": "102",
"column3": "16",
"column4": "SEL"
},
{
"column1": "151110117",
"column2": "103",
"column3": "112",
"column4": "SEL"
}
]
}
}
}
让我解释一下，对于ad，我只是重复列和放置标签，而在行中，我首先重复行，然后在重复列中，通过返回val和key。
JSFIDLE：http://jsfiddle.net/noitse/Lvc0u55v/9487/
-
本文向大家介绍我们如何在Java中使用JsonGenerator创建JSON？，包括了我们如何在Java中使用JsonGenerator创建JSON？的使用技巧和注意事项，需要的朋友参考一下 该JsonGenerator 是一个基类，定义了公共API编写JSON内容。实例是使用JsonFactory 实例的工厂方法创建的。一旦可以从工厂实例中获取JsonGenerator ，则可以使用writeS
-
问题内容： 我正在使用Delphi 2010和 超级对象 库。 我知道如何解析json文件，但是我不知道如何创建json？ 该算法是： 解析JSON并在TStringGrid中加载 新增资料 将所有TStringGrid数据保存到json。 需要一些例子。 谢谢。 问题答案： 代码示例将以下结构提供给JSON对象，然后保存到文件：
-
本文向大家介绍如何在Java中使用Jackson树模型创建JSON？，包括了如何在Java中使用Jackson树模型创建JSON？的使用技巧和注意事项，需要的朋友参考一下 在Jackson库中，我们可以使用 树模型 来表示JSON 结构并通过JsonNode执行CRUD 操作。这个Jackson树模型很有用，尤其是在JSON结构不映射到Java类的情况下。我们可以使用JsonNodeFactory
-
问题内容： 我想使用String创建一个JSON对象。 示例：JSON 为了创建上述JSON，我正在使用它。 我想知道如何创建一个具有JSON数组的JSON。 以下是示例JSON。 谢谢。 问题答案： 可能就是您想要的。
-
我有多个动态json模板如下 JSON 1 JSON 2 JSON 3 我想在运行时将它们隐藏到JAVA对象中，即在编译时不创建POJO。这可能吗？如果是，如何做到这一点？ 我尝试使用Jackson lib将json转换为对象（对象类），但如何创建通用POJO，或者如何使用setter-getter动态创建POJO？
-
我想用PHP在MySQL数据库中创建一个表。这是我的尝试： 但这给了我一个错误 我搜索了很多，但没有找到成功的解决方案。有人有主意吗？