Question

我已经制作了一个列表，其中的内容是通过AJAX加载的，并且按预期工作。

我现在想让每个列表条目加载（通过AJAX）并在点击时显示一个子列表。

AngularJS有可能吗？（我是AngularJs的新手，而且对于范围来说，我有点困惑。）

<div ng-controller="StockGroupCtrl">
  <ul>
    <li ng-repeat="group in groups">
      <span>{{group.prod_grp}}</span>
      <span>{{group.desc}}</span>
      <!-- something like
        <ul ng-controller="WhatShouldItBe?">
          <li ng-repeat="item in items">
            <span>{{item.name}}</span>
            <span>{{item.price}}</span>
          </li>
        </ul>
      -->
    </li>
  </li>
</div>

我已将外部代码用于：

function StockGroupCtrl($scope, $http) {
    $scope.groups = [];
    $scope.handleGroupsLoaded = function(data, status) {
        $scope.groups = data;
    }
    $scope.fetch = function() {
        $http.get('/api/stock/groups/').success($scope.handleGroupsLoaded);
    }
    $scope.fetch();
}

但我真的不知道从哪个内部列表开始。

Answer 1

这个怎么样？你不需要另一个控制器。

    <ul>
      <li ng-repeat="item in group.items">
        <span>{{item.name}}</span>
        <span>{{item.price}}</span>
      </li>
    </ul>

如何在AngularJS中创建一个AJAX嵌套列表？

1 个答案: