Javascript AngularJS-通过ng if获取过滤数组的长度

我正在寻找此问题的解决方案：

当我们对数组中的过滤数据使用ng if（由ng repeat创建）时，如何获得过滤数组的长度

这是一个关键问题，因为如果我们知道如何做到这一点，我们可以知道有多少用户在线，例如（我知道我们可以找到另一个解决方案，但我真的想知道我们是否可以通过ng if获得过滤数组的长度）

HTML:

<div id="body">
  <div ng-controller="startController">
    <p ng-repeat="user in lists" ng-if="user.dispo == true">{{user.name}}</p>
    Il y a {{lists.length}} membres connectées. <br> <br>

    (Normally, whe must have only 4 members online ...)

  </div>
</div>

{{user.name}
Il y a{{lists.length}membres connectées


（通常情况下，whe必须只有4名在线成员…）

JS:

angular.module（'app'，[]）
.controller（'startController'，['$scope'，函数（$scope）{
$scope.lists=[{
id:0，
名称：“Ambre”，
情境:"确认",，
最后一段文字：“杜瓦宾？”，
迪斯波：是的，
脸：“img/girl1.jpg”，
年龄:19岁，
性别：'女性'，
因查特：错，
说明：“：p”
}, {
id:1，
姓名：“梅兰妮”，
最后一段文字：“马赛居民！”，
情境:"等待",，
dispo：错，
脸：“img/girl2.jpg”，
年龄:21岁，
性别：'女性'，
因查特：错，
描述：“万岁！你会用它来做这件事

将您的ngRepeat更改为以下内容：

<div id="body">

<div ng-controller="startController">
    <p ng-repeat="user in lists | filter:{dispo:true}">{{user.name}}</p>
    Il y a {{lists.length}} membres connectées. <br> <br>

    (Normally, whe must have only 4 members online ...)

  </div>
</div>

然后允许您使用
filteredList.length
正常检查长度

将您的ngRepeat更改为以下内容：

<div id="body">

<div ng-controller="startController">
    <p ng-repeat="user in lists | filter:{dispo:true}">{{user.name}}</p>
    Il y a {{lists.length}} membres connectées. <br> <br>

    (Normally, whe must have only 4 members online ...)

  </div>
</div>

然后将允许您使用
filteredList检查正常长度。长度
通常有多种方法可以实现此目的，但以下是其中之一：

可以使用角度过滤器从阵列（）中获取子阵列


{{user.name}
Il y a{{lists.length}membres connectées.


（通常情况下，whe必须只有4名在线成员…）
实现这一点的方法通常有多种，但这里有一种：

可以使用角度过滤器从阵列（）中获取子阵列


{{user.name}
Il y a{{lists.length}membres connectées.


（通常情况下，whe必须只有4名在线成员…）
这里有一个建议，使用
{（列表|过滤器：{dispo:true}）.length}


var myApp=angular.module（'mainApp'，[]）；
功能主控制器（$scope）{
$scope.lists=[{
名称：“Ambre”，
迪斯波：是的
}, {
姓名：“梅兰妮”，
dispo:错误
}, {
姓名：“拉娜”，
迪斯波：是的
}, {
姓名：“Vicky”，
迪斯波：是的
}, {
姓名：'米娜'，
迪斯波：是的
}];
}

Il y a{{lists.length}membres au total。
Il y a{（列表|过滤器：{dispo:true}）.length}membres connectés:
{{user.name}
这里有一个建议，使用
{（列表|过滤器：{dispo:true}）.length}


var myApp=angular.module（'mainApp'，[]）；
功能主控制器（$scope）{
$scope.lists=[{
名称：“Ambre”，
迪斯波：是的
}, {
姓名：“梅兰妮”，
dispo:错误
}, {
姓名：“拉娜”，
迪斯波：是的
}, {
姓名：“Vicky”，
迪斯波：是的
}, {
姓名：'米娜'，
迪斯波：是的
}];
}

Il y a{{lists.length}membres au total。
Il y a{（列表|过滤器：{dispo:true}）.length}membres connectés:
{{user.name}

angular.module（'app'，[]）
.controller（'startController'，['$scope'，函数（$scope）{
$scope.lists=[{
id:0，
名称：“Ambre”，
情境:"确认",，
最后一段文字：“杜瓦宾？”，
迪斯波：是的，
脸：“img/girl1.jpg”，
年龄:19岁，
性别：'女性'，
因查特：错，
说明：“：p”
}, {
id:1，
姓名：“梅兰妮”，
最后一段文字：“马赛居民！”，
情境:"等待",，
dispo：错，
脸：“img/girl2.jpg”，
年龄:21岁，
性别：'女性'，
因查特：错，
描述：“万岁！”
angular.module（'app'，[]）
.controller（'startController'，['$scope'，函数（$scope）{
$scope.lists=[{
id:0，
名称：“Ambre”，
情境:"确认",，
最后一段文字：“杜瓦宾？”，
迪斯波：是的，
脸：“img/girl1.jpg”，
年龄:19岁，
性别：'女性'，
因查特：错，
说明：“：p”
}, {
id:1，
姓名：“梅兰妮”，
最后一段文字：“马赛居民！”，
情境:"等待",，
dispo：错，
脸：“img/girl2.jpg”，
年龄:21岁，
性别：'女性'，
因查特：错，
描述：“Vive la vie！为什么不能使用foreach循环仅从$scope.lists中获取过滤后的数据

然后您可以找到过滤数组的长度并显示它


angular.module（'app'，[]）
.controller（'startController'，['$scope'，函数（$scope）{
$scope.filteredvalue=[]；
$scope.lists=[{
id:0，
名称：“Ambre”，
情境:"确认",，
最后一段文字：“杜瓦宾？”，
迪斯波：是的，
脸：“img/girl1.jpg”，
年龄:19岁，
性别：'女性'，
因查特：错，
说明：“：p”
}, {
id:1，
姓名：“梅兰妮”，
最后一段文字：“马赛居民！”，
情境:"等待",，
dispo：错，
脸：“img/girl2.jpg”，
年龄:21岁，
性别：'女性'，
因查特：错，
描述：“Vive la vie！为什么不能使用foreach循环仅从$scope.lists中获取过滤后的数据

然后您可以找到过滤数组的长度并显示它


angular.module（'app'，[]）
.controller（'startController'，['$scope'，函数（$scope）{
$scope.filteredvalue=[]；
$scope.lists=[{
id:0，
名称：“Ambre”，
情境:"确认",，
最后一段文字：“杜瓦宾？”，
迪斯波：是的，
脸：“img/girl1.jpg”，
年龄:19岁，
性别：'女性'，
因查特：错，
说明：“：p”
}, {