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>

Answer 2

尝试并在li元素上使用ng-repeat，ng-repeat对其所放置的元素进行“复制”。这将重复列表项元素。

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

Answer 3

您正在重复一个包含一个元素的列表，而不是元素本身

在一个中用<li>重复

3 个答案: