使用指令将多行项目添加到表中
乔
这是我的模型：
$scope.orders = [
{
id: 234324,
created: '2015-05-01T13:53:25.366Z',
orderedBy: 'John Smith',
items: [
{
itemNumber: '225-3',
count: 3,
state: 'Sent'
},
{
itemNumber: '3423-1',
count: 1,
state: 'Waiting from supplier'
}
]
},
{
id: 423423,
created: '2015-06-01T13:53:25.366Z',
orderedBy: 'Eva Andersson',
items: [
{
itemNumber: '423-3',
count: 1,
state: 'Sent'
},
{
itemNumber: '234-3',
count: 3,
state: 'Sent'
}
]
}
]
它是一个包含订单的列表，其中每个订单都有一个包含项目的数组。
我想在表中显示。
我尝试做嵌套，ng-repeats但是事实证明，使用表的静态html语法很困难。我认为我必须以某种方式手动添加子元素。我不确定如何。
JsFiddle：http : //jsfiddle.net/hadey1cf/4/
有任何想法吗？
米歇尔
您可以有多个，tbody因此很容易做到：
<tbody ng-repeat="order in orders">
<tr class="active">
<td><b>{{order.id}}</b></td>
<td><b>{{order.orderedBy}}</b></td>
<td>{{order.created | date:'yyyy-MM-dd'}}</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr ng-repeat="item in order.items">
<td></td>
<td></td>
<td></td>
<td>{{item.itemNumber}}</td>
<td>{{item.count}}</td>
<td><span class="label label-success label">{{item.state}}</span></td>
</tr>
</tbody>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
无法使用python将项目添加到dynamodb表
- 2
多行添加到表
- 3
将类添加到指令中ng-repeat中的上一个项目
- 4
使用递归将项目添加到字典中
- 5
使用 LINQ 将丢失的项目添加到集合中
- 6
使用UJS将行动态添加到表中
- 7
如何使用Jinja将列添加到表中
- 8
使用jQuery将HTML标签添加到表中
- 9
使用Visual Studio将数据添加到表中
- 10
如何使用transclude将代码添加到指令中并在AngularJS中传递参数？
- 11
使用多行语法将路径添加到PATH
- 12
通过指令中的id将Class添加到元素
- 13
使用ng-repeat将指令添加到页面
- 14
使用compile函数将指令添加到元素
- 15
使用typescript将装饰器添加到angularjs指令
- 16
使用AJAX将项目添加到Laravel中的数据库中，然后显示项目
- 17
如何使用AngularFire将项目添加到列表中某个项目内的特定词典中？
- 18
将项目添加到ROT（运行对象表）
- 19
将项目添加到ROT（运行对象表）
- 20
将事件添加到表的WatchKit项目
- 21
将表或项目列表添加到SQLite
- 22
使用SOAP和curl将列添加到表中。如何将访问令牌添加到xml？
- 23
如何将项目从数据表添加到asp.net中的列表
- 24
Python：使用旧项目将新项目添加到列表的字典中
- 25
无法使用添加行按钮将行添加到jsfiddle中的HTML表中
- 26
无法使用添加行按钮将行添加到jsfiddle中的HTML表中
- 27
使用Backendless.com将数据添加到表中并从表中获取
- 28
将项目添加到方案中的队列中
- 29
如何使用JavaScript中的PATCH请求将项目添加到数据库中的数组？
我来说两句