Angular 的遍历,默写一遍。
在使用angular进行前后端分离应用的开发中,最多的操作就是读取和解析后端传递过来的JSON数据。但数据的类型离不开以下两种:List集合和Map集合。
Array集合
Map集合
在使用angular进行前后端分离应用的开发中,最多的操作就是读取和解析后端传递过来的JSON数据。但数据的类型离不开以下两种:List集合和Map集合。
let list = new Array();list.push(new Object({ "name": "玉龙BB"}));list.forEach(item => { console.log(item.name); });
<ul> <li *ngFor="let item of list">{{list.name}}</li></ul>
let map = new Map<string, string>();map.set("name": "玉龙BB");Object.keys(map).map(key => { console.log(key); console.log(map[key]);});
<dl *ngFor="let item of map | keyvalue"> <dt>{{item.key}}</dt> <dd>{{item.value}}</dd></dl>
Angular爱好者,前端开发 2018.11.13 加入
Angular + Spring Boot + MongoDB / MySQL, 学习研究的方向是大数据下的「 知识图谱 」 和 「 数据可视化分析 」 Github: https://github.com/yulongbb
促进软件开发及相关领域知识与创新的传播
评论