代码之家 › 专栏 › 技术社区 › Ian Vink

AngularJS:ng重复检测组变化

angularjs javascript

Ian Vink · 技术社区 · 6 年前

我正在显示城市及其国家的列表。每次国家发生变化,我都想展示一次这个国家。数据已经排序,以便所有国家都能很好地分组在一起。我如何检测国家/地区在ng repeat中的变化,使其看起来像这样:

 Canada
   Toronto
   Vancouver
 Holand
   Amsterdam
   The Hague



        <div ng-repeat="row in data.cities">
            {{row.country}}                
                 {{row.city}}
        </div>

1 回复 | 直到 6 年前

Ian Vink 6 年前

        <div ng-repeat="(key, value) in data.cities| groupBy: 'country'">
            {{key}}
            <div ng-repeat="row in value">
                 {{row.city}}

https://ianvink.wordpress.com/2018/06/11/angularjs-ng-repeat-with-groups/

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前