写点什么

Angular 的遍历,默写一遍。

用户头像
玉龙BB
关注
发布于: 2020 年 04 月 30 日
Angular的遍历,默写一遍。

在使用angular进行前后端分离应用的开发中,最多的操作就是读取和解析后端传递过来的JSON数据。但数据的类型离不开以下两种:List集合和Map集合。

Array集合
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>



Map集合
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>



用户头像

玉龙BB

关注

Angular爱好者,前端开发 2018.11.13 加入

Angular + Spring Boot + MongoDB / MySQL, 学习研究的方向是大数据下的「 知识图谱 」 和 「 数据可视化分析 」 Github: https://github.com/yulongbb

评论

发布
暂无评论
Angular的遍历,默写一遍。