码迷,mamicode.com
首页 > 其他好文 > 详细

Ionic2学习笔记(3):*号

时间:2016-05-31 00:58:52      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:

作者: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学习笔记(3):Pipe

Ionic2学习笔记(3):*号

标签:

原文地址:http://www.cnblogs.com/greyzeng/p/5544479.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!