Angularjs 控制重复结构外部的重复限制

如何控制

ngRepeat

结构之外的

repeat

限制

我试着按照下面的代码来做，但是没有成功

<my-directive-body ng-init="limit = 2">
   <my-directive-actions-group-items>
      <my-directive-actions-items icon="fa-birthday-cake">Today Birthday</my-directive-actions-items>
   </my-directive-actions-group-items>

   <!-- Here I have a repeat -->
   <my-directive-actions-group-items ng-repeat="item in researchs | limitTo: limit">
      <my-directive-actions-items icon="fa-user">{{item.nome}}</my-directive-actions-items>
      <my-directive-actions-items icon="fa-edit"></my-directive-actions-items>
      <my-directive-actions-items icon="fa-trash-o"></my-directive-actions-items>
   </my-directive-actions-group-items>
   <!-- End of Repeat -->   

   <!-- Here I want control the ngRepeat limit -->   
   <my-directive-ctions-group-items>
      <span ng-click="limit = researchs.length">More...</span>
   </my-directive-actions-group-items>
</my-directive-actions-body>

今天生日
{{item.nome}}
更多

图像样本

我就是这样得到的

查看

<my-directive-body>
   <my-directive-actions-group-items>
      <my-directive-actions-items icon="fa-birthday-cake">Today Birthday</my-directive-actions-items>
   </my-directive-actions-group-items>

   <!-- Here I have a repeat -->
   <my-directive-actions-group-items ng-repeat="item in researchs | limitTo: limit">
      <my-directive-actions-items icon="fa-user">{{item.nome}}</my-directive-actions-items>
      <my-directive-actions-items icon="fa-edit"></my-directive-actions-items>
      <my-directive-actions-items icon="fa-trash-o"></my-directive-actions-items>
   </my-directive-actions-group-items>
   <!-- End of Repeat -->   

   <!-- Here I want control the ngRepeat limit -->   
   <my-directive-ctions-group-items>
      <span ng-click="getAllSearchs()">More...</span>
   </my-directive-actions-group-items>
</my-directive-actions-body>

---

我的指令体

指令是否会转移内容？是的，只是一个带有转移的

div

，就像

我看不出“limit”不在范围内的原因-它应该可以工作。我明白了，我在控制器中创建了一个

$scope.limit

，并将limito更改为

limito:limit

。在

More researchs

中，我单击

ng

，然后创建了一个只更新

$scope.limit

的函数，如

$scope.limit=$scope.researchs.length。顺便说一下，我不知道这是不是最好的办法
$scope.limit = 2;
$scope.getAllSearch = function () {
   $scope.limit == $scope.researchs.length ? $scope.limit = 2 : $scope.limit = $scope.researchs.length;            
}