Ionic2学习笔记:*号
Posted Practitioner
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic2学习笔记:*号相关的知识,希望对你有一定的参考价值。
作者:Grey
原文地址: http://www.cnblogs.com/greyzeng/p/5544479.html
大家常常会在ionic2页面中见到*号的存在,如:
<p *ngIf="someBoolean"><p>
含义与:
<template [ngIf]="someBoolean">
<p></p>
</template>
一样,
即:如果someBoolean值为true,则显示<p></p>标签,否则,不显示<p></p>标签
<p *ngFor="let item of items">{{item.name}}</p>
含义:
获取一个列表items,并遍历其中的元素item,然后显示这个元素的name属性的值
<div [ngSwitch]="paragraphNumber">
<p *ngSwitchWhen="1">Paragraph 1</p>
<p *ngSwitchWhen="2">Paragraph 2</p>
<p *ngSwitchWhen="3">Paragraph 3</p>
<p *ngSwitchDefault>Paragraph</p> </div>
当
paragraphNumber=1时,显示: Paragraph 1
paragraphNumber=2时,显示: Paragraph 2
依次类推
默认显示:Paragraph
------
以上是关于Ionic2学习笔记:*号的主要内容,如果未能解决你的问题,请参考以下文章