angular2的显示数据的方式

*ngFor:循环遍历数组属性

在组建中定义一个数组  

heros =['张三','李四','王五','赵六','马七'];

在定应的html中这么写：

<ul>

   <li *ngFor=""let hero of heros><!--这里的hero就是下面的{{hero}} ,heros就是组建中定义的heros-->

	{{hero}}

</li>

</ul>

结果显示如下图！

 
 
张三
李四
王五
赵六
马七
 
 

  
  *ngIf 判断显示
 
 
 
 

  
  
在html中写<p *ngIf='heros.length>3'>{{message}}</p>
  
  
在组建中义一个message，并赋值
  
  
定义一个heros数组，当数组长度大于3，就显示message的值，不大于3则不显示