Question

我有json格式的数据，我想根据它的第一个元素在不同的数据单元格上显示该项目。如果单元格中有多个元素，则应显示多个项目可用“，”或。

分隔

例如，如果我的json是：

data = {{"Mon","012"},{"Tue","123"},{"Mon","112"},{"Mon","032"},...}


<table>
 <tr>
   <td id="Mon"> 012 , 112 , 032 </td>
   <td> id="TUe"> 123 </td>
 </tr>
</table>

或

<pre>
<table>
 <tr>
   <td id="Mon"> <div>012</div> <div> 112 </div> <div>032</div> </td>
   <td id="TUe"> <div>123</div> </td>
 </tr>
</table>
</pre>

我正在使用$ odd和$ index等调查ng-repeat的文档，但找不到合适的方法来获取我的结果。

Answer 1

您的JSON无效，因此我重新格式化了一下以回答格式问题。 CSS应该进行格式化。如果有多个<span>元素，您可以定义分隔符。

td span+span:before {
  content: ", ";
}

＆＃13;

angular.module('app', [])
  .run(function($rootScope) {
    $rootScope.dataOrdered = [{
      key: "Mon",
      values: ["012", "112", "032"]
    }, {
      key: "Tue",
      values: ["123"]
    }];



  });

＆＃13;

table,
th,
td {
  border: 1px solid black;
  padding: 2px;
}
td span+span:before {
  content: ", ";
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>



<table ng-app="app">
  <tr>
    <td ng-repeat="item in dataOrdered" id="{item.id}}"><span ng-repeat="value in item.values" ng-bind="value"></span>
    </td>
  </tr>
</table>

＆＃13;

Angularjs与ng-repeat打印数据分开，

1 个答案: