AngularJS - 当从模型数组中添加一个模型元素时，使用groupby过滤器时ng-repeat列表不起作用。_编程开发

AngularJS - 当从模型数组中添加一个模型元素时，使用groupby过滤器时ng-repeat列表不起作用。

创始人

2024-10-26 23:03:20

0次

问题描述中提到，在使用AngularJS的ng-repeat指令时，配合groupby过滤器时，当向模型数组中添加一个新的模型元素时，ng-repeat列表不起作用。下面是一个解决该问题的示例代码：





  AngularJS Example
  
  



  People List

  
  
    {{ key }}
    
      {{ person.name }} ({{ person.age }})

在上面的示例代码中，我们创建了一个AngularJS应用，并在控制器中初始化了一个模型数组people，其中包含了几个人员信息。在HTML部分使用ng-repeat指令和groupby过滤器来将人员按照性别进行分组，并显示在页面上。同时，在页面上添加了一个按钮，点击按钮时会向模型数组中添加一个新的人员信息。

运行代码并点击"Add Person"按钮，可以看到新添加的人员信息会被正确地显示在对应的分组下面，ng-repeat列表起作用。

上一篇：AngularJS - 代码中的新更改未执行

下一篇：AngularJS - 当使用手持设备填充时，文本框的类名会附加-add

AngularJS - 当从模型数组中添加一个模型元素时，使用groupby过滤器时ng-repeat列表不起作用。

People List

{{ key }}

相关内容

热门资讯