關于angular 通過變量來控制樣式

兩種方法可以實現該效果

1. [ngStyle]="{'height':'100px'}"

基本使用方法[ngStyle]="{'height':'100px'}"

判斷添加

[ngStyle="{'height': true ? '100px':'0px'}"]

2. [ngClass="{text-conter}"]

[ngClass="{text-center: true}"]
表示當前dom添加樣式text-center class樣式

[ngClass="{text-center: false}"]
表示當前dom不添加樣式text-center class樣式

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 深入理解傅里葉變換Mar 12, 2017 這原本是我在知乎上對傅立葉變換、拉普拉斯變換、Z變換的聯系？為什么要進...
    價值趨勢技術派閱讀 5,810評論 2贊 2
  • 請參看我github中的wiki，不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,179評論 2贊 19
  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    love2013閱讀 2,337評論 0贊 11
  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    wzhiq896閱讀 1,805評論 0贊 2