Angular-数组循环

简单数组

.ts-定义一个数组

// 第一种定义方式
public arr1:string[] = ['aa','bb','cc'];  // 完整版
arr2:string[] = ['aa','bb','cc'];         // 省略版
public objects:any[] = [{username:'Echoo',age:18},{username:'Amily',age:39},{username:'Mike',age:34}];  // 元素是对象
//第二种定义方式
public items:Array<any> = ['aa',11,'cc'];

两种定义方式效果是一样的，推荐使用第一种定义方式(修饰符 数组名:元素类型[] = [])
但无论使用哪种方式，都建议指明修饰符和元素类型，规范书写；

.html-普通循环（*ngFor）

<!-- 元素是基本数据类型-->
<ol><li *ngFor="let item of items">{{item}}</li>
</ol><!-- 元素是对象-->
<ul><li *ngFor="let item of objects">{{item.username}}----{{item.age}}</li>
</ul>

*ngFor是Angular中定义好的标签属性，用于循环输出；
let item of xxx是固定写法，表示遍历xxx中的每一个元素，xxx是具体的数组名，比如定义的数组名为items，则完整的句子就是let item of items；

二维数组

.ts-定义一个数组

public cars:any[] = [{brand:'宝马',list:[{title:'宝马x1',price:'300000'},{title:'宝马x2',price:'400000'},{title:'宝马x3',price:'500000'}]},{brand:'奥迪',list:[{title:'奥迪q1',price:'600000'},{title:'奥迪q2',price:'700000'},{title:'奥迪q3',price:'800000'}]},
];