Question

我有像这样的ng-repeat迭代：

<p ng-repeat="(label,field) in app.config.properties">
                <span class="radio-group" > 
                        <div ng-repeat="option in x.options">
                              {{label}}
                        </div>
                    </span>

</p>

我无法访问嵌套循环内的标签。我也试过使用$ parent.label，但似乎没有用。

Answer 1

当我将<p>更改为ng-repeat时，似乎是关于<p>和<p>（<div>没有显示）的问题，它运作良好。

<强> UPD：

您可以在ng-repeat内移至<span>并移除其中的<div>，这种方式适用于<p>，@ Karan Desai也会对此进行评论。

＆＃13;

angular.module("app", [])
  .controller("myCtrl", function($scope) {
    $scope.app = {
      config: {
        properties: [
          {id:1},
          {id:2},
          {id:3},
          {id:4}
        ]
      }
    };
    $scope.x = {
      options: [
        {
          id: 1
        },
        {
          id: 2
        }
      ]
    };
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl">
  <p ng-repeat="(label,field) in app.config.properties">
    <span class="radio-group" ng-repeat="option in x.options">
      {{label}}
    </span>
  </p>
</div>

＆＃13;

具有嵌套ng-repeat的对象循环中的（键，值）

1 个答案: