javascript - 如何在angularjs中的表格单元格中插入多个值

Question

在下表中，特定日期可以有多个列表。因此，对于列表列，给定日期可以有多个列表。

我可以在单个单元格中插入多个值但它会移动我插入多个值的行，请查看DEMO .

例子:表格

日期......................列表

12/1/2016 .... python, angularjs

13/1/2016..... java, html

数据:

$scope.todolists = [{
    date: '12/1/2016',
    list: {python, angularjs}
}, {
    date: '13/1/2016',
    list: {java, html}
}];

View :

 <tbody>
     <tr ng-repeat="todolist in todolists" >
        <td>{{todolist.date}}</td>
       <td ng-repeat="list in todolist">{{subject}}</td>                                         
     </tr>
 </tbody>

我在 ng-repeat 中尝试了 ng-repeat 但它不起作用。所以我的问题是如何在表格的单个单元格中插入多个值。

Answer 1

你的引用是错误的。

 <tbody>
     <tr ng-repeat="todolist in todolists" >
        <td>{{todolist.date}}</td>
       <td ng-repeat="list in todolist.list">{{list}}</td>                                         
     </tr>  
 </tbody>

或者，最好是，

 <tbody>
     <tr ng-repeat="todolist in todolists" >
        <td>{{todolist.date}}</td>
        <td>
            <span ng-repeat="list in todolist.list">
                  {{list + ($last ? "" : ", ") }}
            </span>                                         
        </td>
     </tr>  
 </tbody>