Javascript 如何使用Angularjs输出序列中不同元素的数组

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> &

我有生成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>
</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中是这样),因为
    只能包含
  • 这适用于我的使用(表格单元格),但不是一个通用的解决方案——正如您将看到的,我必须包含每个可能元素中的一个;在一般情况下,这会变得一团糟