📜  如何在AngularJS中显示过滤后的ng-repeat数据的长度?

📅  最后修改于: 2021-05-13 20:54:23             🧑  作者: Mango

任务是显示过滤的ng-repeat数据的长度。在这里,我们将使用别名表达式来解决此问题。

方法:为了显示过滤后的ng-repeat数据的长度,我们使用一个别名表达式。我们为用于过滤ng-repeat数据的变量创建别名,并在每时每刻显示别名的长度。

句法:

 Content... 

{{ result.length }}

例子:



      

    
        Angular JS Filtered data length
    
      
    

      
 
    

          GeeksForGeeks      

             
                     
                   
                
  •                 {{ student.name + ', marks:' + student.marks }}             
  •         
        

length of filtered data:- {{ result.length }}

    
              

解释:
在这里,我们正在显示学生的详细信息,并且有一个搜索框可以按学生的姓名进行搜索。现在,我们将搜索框的输入绑定到AngularJS searchName变量中。 SearchName变量用于过滤,我们在此处创建结果的别名,然后显示result.length。因此,随着过滤的ng-repeat数据长度的改变,结果的长度也随之改变。

输出:
初始屏幕为:

然后在搜索之后,过滤后的ng-repeat数据长度会发生变化: