如何判断Ng-Repeat是否打印了x项

Question

如何判断ng-repeat是否显示1项？像，if ng-repeat items === 1: do something.

<div ng-controller="mycontroller2"> 
<form ng-submit="submit()"> 
    {% csrf_token %} 
    Search by name: 
    <input ng-model="artistname" /> 
    <input type="submit" value="submit" /> 
</form> 
<table> 
    <tr ng-repeat="name in names | filter:artistname | limitTo:10"> 
     <!-- if number of "name" === 1 I want the form submitted --> 
     <td ng-hide="!artistname"> 
      <a href="" ng-click="submit()"> 
      {({ name })} 
      </a> 
     </td> 
    </tr> 
</table> 

此代码读取用户输入要显示的是提交表单的链接列表。我想要的是，当ng-repeat显示的艺术家姓名的初始列表降至1时，表单会自动提交，因为无论如何，在该点只能有一个数据库。

Answer 1

我不得不结合几个答案才能得到我正在寻找的东西。下面的<div>元素使用ng-if和ng-init函数在剩下一个名字时提交表单。

<form ng-submit="submit()"> 
    {% csrf_token %} 
    Search by name: 
    <input ng-model="artistname" /> 
    <input type="submit" value="submit" /> 

    <div ng-if="(names | filter:artistname).length===1" ng-init="submit()"></div> 
</form> 

<table> 
    <tr ng-repeat="name in names | filter:artistname | limitTo:10"> 
     <td ng-hide="!artistname"> 
      <a href="" ng-click="submit()"> 
      {({ name })} 
      </a> 
     </td> 
    </tr> 
</table> 

现在，当ng-repeat过滤器中剩下一个名称时，表单自动提交。

Answer 2

您可以检查名字数组的长度是这样的：

<span ng-if="names.length === 1">Do something</span> 

只需添加NG-如果到了NG-重复，然后将有条件相同的元素。

更新：

你可以听逻辑使用$watch控制器：

$scope.$watch('names', function() { 
    if (names.length === 1) { 
    // Do something 
    } 
} 

Answer 3

这需要在控制器发生。

if ($scope.names.length === 1) $scope.submit() 

Answer 4

添加这样的事情在你的表单块：

<div ng-if="names.length == 1"> 
    <script type="text/javascript"> 
    $("#myform").submit(); 
    </script> 
</div> 

Answer 5

提供答案的Risto是沿着正确的路线，只是需要进行调整，以确定是否只有后一个值过滤器已应用于

<form ng-submit="submit()"> 
    {% csrf_token %} 
    Search by name: 
    <input ng-model="artistname" /> 
    <input type="submit" value="submit" 
      ng-disabled="(names | filter:artistname).length === 1" /> 
</form> 

过滤将改变显示元件的数量，但会没有t更改了names阵列的长度。