如何判斷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陣列的長度。