tip:数据的定义需要在对应ts中进行，调用在html中

　　定义数组：

　　ts中 public arr =["111","222","333"];

　　html中

　　<li *ngFor="let item of  arr">{ {item}}</li>

指定数据类型

　　ts中

1. public list:any[]=["我是1号"，“我是2号”，“我是3号”]；
2. public items:Array<any>=["我是1号"，“我是2号”，“我是3号”]；

　　这两种方式可以任选其一都可以

　　html中

　　　　<li *ngFor = let item of list>{ {item}}</li>　　

定义数组（数组中存放对象）

　　ts中：

　　public userList:any=[

　　{username:"rock",age:20},

　　{username:"roy",age:"23"},

　　{username:"luck",age:"214"}

] 

html中

　　<li *ngFor="let item of userList">

　　　　<p>{ {item.username}}</p><p>{ {item.age}}</p>

　　</li>

多重循环嵌套

在ts中　　

public cars:any[]=[ 　　    {cate:"宝马", 　　　　list:[ 　　　　　　{name:"宝马X1",price:"20w"}, 　　　　　　{name:"宝马X2",price:"30w"}, 　　　　　　{name:"宝马X3",price:"40w"} 　　　　　] 　　   },          { 　　　cate:"奥迪", 　　　list:[ 　　　　　{name:"奥迪Q1",price:"40w"}, 　　　　　{name:"奥迪Q2",price:"50w"}, 　　　　　{name:"奥迪Q3",price:"60w"} 　　　　] 　　} ]

在HTML中

<div> 　　<ul> 　　　　<li *ngFor="let item of cars"> 　　　　　　<p>{ {item.cate}}</p> 　　　　　　<span *ngFor="let item of item.list">{ {item.name}}--{ {item.price}}</span> 　　　　</li> 　　　</ul> </div>

转载于:https://www.cnblogs.com/rockyjs/p/11244725.html

原文链接：https://blog.csdn.net/weixin_30342827/article/details/97761933

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。