- angularjs
- 如何构建 html
使用[仅] angular.js 模板来获得不连贯的 json?
如何构建 html
使用[仅] angular.js 模板来获得不连贯的 json?
43 0我正在一个受限应用程序中为 angular.js 1.8 制作模板,在该应用程序中我无法构建构造函数或使用 Javascript。我需要显示不带标签的数据(我的意思是:我需要保留原始密钥)...
我正在一个受限的应用程序中为 angular.js 1.8 制作一个模板,在该应用程序中我无法构建构造函数或使用 Javascript。
我需要显示不带标签的数据(我的意思是:我需要保留原始密钥)
我有如下数据 json:
{ "table": [ { "name": "Teresa", "last_name": "Martinez" }, { "name": "John", "last_name": "Wick" }, { "name": "Json", "last_name": "Momoa", "Vehicle": "Dolphin" }, { "name": "Javier", "last_name": "Teixidor", "Vehicle": "Van" } ] }
在这种环境下,对于这种连贯的表格,我通常使用如下方法:
<table class="table table-striped"> <th ng-repeat="(kh, vh) in data.table[0]">{{kh}}</th> <tr ng-repeat="v in data.table"> <td ng-repeat="(kr, vr) in v">{{vr}}</td> </tr> </table>
然后我可以以连贯的 json 形式显示数据。
但是如何在 angular.js 模板中,不使用控制器也不使用 javascript,也不修改原始数据的情况下处理不一致的数据?
我无法对 \'vehicle\' 键进行硬编码,因为列表的第一个数据可能包含 3 个键。另外,新键并不总是出现在文档末尾,所以我也无法对 th 进行硬编码。
我不能使用 json 打印,因为真正的 json 比您在此处看到的要大。(例如列表中有超过 100 个元素)
任何想法或建议都会被接受:D
谢谢你!
我期望并希望仅使用 angular.js 1.8 模板就能解决不连贯/不一致的数据问题。
目前我有一张像这样的桌子
<table> <th>Name</th> <th>Last Name</th> <tr> <td>Teresa</td> <td>Martínez</td> </tr> <tr> <td>John</td> <td>Wick</td> </tr> <tr> <td>Json</td> <td>Momoa</td> <td>Dolphin</td> </tr> <tr> <td>Javier</td> <td>Teixidor</td> <td>Van</td> </tr> </table>