顯示數(shù)據(jù)

三種方式:

  • 通過插值表達(dá)式顯示組件的屬性
  • 通過 NgFor 顯示數(shù)組型屬性
  • 通過 NgIf 實現(xiàn)按條件顯示

1.使用插值表達(dá)式顯示組件屬性

要使用該種方式,只需要把屬性名包裹在大括號放進(jìn)屬性模板。eg:{{title}}

2.使用ngFor顯示數(shù)組屬性

<ul>
      <li *ngFor="let hero of heroes">
        {{ hero }}
      </li>
</ul>

3.通過 NgIf 實現(xiàn)按條件顯示

<p *ngIf="heroes.length > 3">There are many heroes!</p>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 版本:Angular 5.0.0-alpha 在 Angular 中最典型的數(shù)據(jù)顯示方式,就是把 HTML 模板中...
    soojade閱讀 717評論 0 1
  • 總的來說就是利用插值表達(dá)式和其它形式的屬性綁定機(jī)制,把數(shù)據(jù)顯示到 UI 上 a.插值表達(dá)式 要顯示組件的屬性,最簡...
    趙然228閱讀 1,743評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • 顯示數(shù)據(jù) 在 Angular 中最典型的數(shù)據(jù)顯示方式,就是把 HTML 模板中的控件綁定到 Angular 組件的...
    清華同方閱讀 284評論 2 0
  • 又快到周末了,今天不知道寫什么,分享一下 思念 作者:馬克思 (德) 燕妮,即使大地盤旋回翔, 你比太陽和天空更光...
    蝦蝦哥閱讀 186評論 2 1

友情鏈接更多精彩內(nèi)容