Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ng repeat with指令创建适应数据的表_Javascript_Arrays_Angularjs_Angularjs Ng Repeat_Angular Directive - Fatal编程技术网

Javascript 使用ng repeat with指令创建适应数据的表

Javascript 使用ng repeat with指令创建适应数据的表,javascript,arrays,angularjs,angularjs-ng-repeat,angular-directive,Javascript,Arrays,Angularjs,Angularjs Ng Repeat,Angular Directive,我有一个表,它使用ng repeat遍历对象数组。数组中的所有对象都具有相同的键。我想让它可以使用任意一组键,只要这些键在该数组中是一致的。似乎我需要一个指令来生成和附加 <td>{{key}}</td> 相应地,将生成相应的绑定: <tr ng-repeat="obj in objects"> <td>{{date}}</td><td>{{name}}</td><td>{{desc}}&

我有一个表,它使用ng repeat遍历对象数组。数组中的所有对象都具有相同的键。我想让它可以使用任意一组键,只要这些键在该数组中是一致的。似乎我需要一个指令来生成和附加

<td>{{key}}</td> 
相应地,将生成相应的绑定:

<tr ng-repeat="obj in objects">
    <td>{{date}}</td><td>{{name}}</td><td>{{desc}}</td>
</tr>


我在指令方面有点软弱,我不是百分之百地认为这是最好的方法。我应该怎么做?

您需要使用两个ngRepeat指令,一个用于行,一个用于表单元格:

<tr ng-repeat="obj in objects">
    <td ng-repeat="(key, value) in obj">{{value}}</td>
</tr>

演示:

这太容易了。。。使用此解决方案是否有一种简单的方法可以忽略某些键?就像我不想显示一个名为date的键一样。我假设我需要写一个函数来完成这项工作,并在那里过滤掉某些键。你可以使用帮助函数,或者对于简单的情况,ngIf也可以工作:谢谢。我喜欢简单的解决方案。
<tr ng-repeat="obj in objects">
    <td>{{a}}</td><td>{{b}}</td><td>{{c}}</td><td>{{d}}</td>
</tr>
<tr ng-repeat="obj in objects">
    <td ng-repeat="(key, value) in obj">{{value}}</td>
</tr>