Ionic2學習筆記(4):*號


作者: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學習筆記(5):Provider


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM