2017-02-15 13 views
0

有人可以告訴我使用[style.width.px]語法優於ngStylesstyle defined in an external css file定義的樣式的優點。如果我們以任何一種方式定義它,我認爲沒有太大的區別。使用style.width.px而不是ngStyles或外部樣式定義它的好處

我看到某處[style.width.px]增加了動態樣式,但無法理解,因爲在這種情況下這將是必需的。有人可以暴露這種情況下,使用[style.width.px]種財產會有用嗎?

+0

沒有動態值!重要的。我只會在動態執行某些動作時才使用它,需要手動添加寬度(在我要操作它的時候)。例如,圖像滑塊通常將圖像包裹在一個大的div中,並添加根據圖像數量和寬度計算出的寬度。除了如果我使用js動態改變寬度,我總是會使用樣式表 – Pete

回答

0

ngStyle

基本上使用時,我們必須在一個單一的對象提供多個stlyes讓假設你必須改變高度,寬度和顏色等動態地或統計的比可以使用ngStyle。

  • ngStyle接受具有key屬性的對象作爲css屬性的值和靜態或動態值。例如

    [ngStyle]="{'font-style': styleExp,'width':'30px', 'height': dynamicHeight}" 
    

style.width.px當你有根據一些條件來動態設置寬度比你可以實現這一目標使用此語法liek此

用於 ​​

樣式

外部風格基本上使用時的風格是靜中有使用爵士風格意味着它將覆蓋未標明任何其他樣式的樣式

相關問題