在<td>中用<li>重复

Question

我试图将一个列表放在一个表li的行中使用ng repeat.

我的代码下面是我想要实现的:

                        <td> 
                            <div ng-repeat="x in total.count">
                            <ul>
                                <li>
                                    {{x.key}}
                                </li>   
                            </ul>
                            </div>  
                        </td>

总样本:

"total": {
  "doc_count_error_upper_bound": 0,
  "sum_other_doc_count": 0,
  "count": [
    {
      "key": "0",
      "doc_count": 83714
    },
    {
      "key": "1",
      "doc_count": 11034
    }

问题是没有任何东西出现.但是当我对李进行硬编码时,它就有效了.

有人可以告诉我如何angularjs使用它ng-repeat吗？

Answer 1

试试这个:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.object = {"total": {
      "doc_count_error_upper_bound": 0,
      "sum_other_doc_count": 0,
      "count": [
        {
          "key": "0",
          "doc_count": 83714
        },
        {
          "key": "1",
          "doc_count": 11034
        }]
      }};
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
	<table border=1>
      <tr>
          <td> 
              <ul>
                  <li ng-repeat="x in object.total.count">
                      {{x.key}}
                  </li>   
              </ul>
          </td>
      </tr>
    </table>
	
</div>