Javascript 如何使用Angularjs输出序列中不同元素的数组
我有生成HTML表行描述的代码,如下所示:Javascript 如何使用Angularjs输出序列中不同元素的数组,javascript,angularjs,Javascript,Angularjs,我有生成HTML表行描述的代码,如下所示: [ {element: 'th', content: 'Header 1'}, {element: 'td', content: 'data 1'}, {element: 'td', content: 'data 2'}, ] 我想用angularjs输出这些,比如 <tr> <td ng-repeat="item in row" >{{item.content}}</td> &
[
{element: 'th', content: 'Header 1'},
{element: 'td', content: 'data 1'},
{element: 'td', content: 'data 2'},
]
我想用angularjs输出这些,比如
<tr>
<td ng-repeat="item in row" >{{item.content}}</td>
</tr>
{{item.content}
除了我不知道如何处理应该是
的元素之外
(例如,Vuejs有{{item.content}}
,但我在angularjs应用程序中工作,因此给出此示例是为了帮助Vuejs用户了解我需要什么。)多亏了,一个适用于表的变体是:
创建删除自身的指令(!)
angular.module('theapp')。指令('repeatSection',函数(){
返回{restrict:'A',replace:true,link(scope,el){el.remove();};
});
使用
元素包装逻辑:
...
{{cell.content}
{{cell.content}
指令删除作为repeat部分
一部分创建的ng repeat start
元素td
- 我们需要在这里使用
——如果您甚至使用
或
,这些元素会被清空(至少在Firefox中是这样),因为
只能包含
或 - 这适用于我的使用(表格单元格),但不是一个通用的解决方案——正如您将看到的,我必须包含每个可能元素中的一个;在一般情况下,这会变得一团糟
angular.module('theapp')。指令('repeatSection',函数(){
返回{restrict:'A',replace:true,link(scope,el){el.remove();};
});
使用
元素包装逻辑:
...
{{cell.content}
{{cell.content}
指令删除作为repeat部分
一部分创建的ng repeat start
元素td
- 我们需要在这里使用
——如果您甚至使用
或
,这些元素会被清空(至少在Firefox中是这样),因为
只能包含
或 - 这适用于我的使用(表格单元格),但不是一个通用的解决方案——正如您将看到的,我必须包含每个可能元素中的一个;在一般情况下,这会变得一团糟