2017-02-15 6 views
0

ngStylesまたはstyle defined in an external css fileで定義されたスタイルより[style.width.px]構文を使用する利点を教えてもらえますか。いずれにしてもそれを定義すると大きな違いはないと思います。ngStylesまたは外部スタイルで定義する代わりにstyle.width.pxを使用する利点

[style.width.px]はダイナミックスタイルを追加しましたが、どのシナリオでこれが必要なのか理解できませんでした。誰かがこのようなシナリオを公開して[style.width.px]種類のプロパティを使用すると役に立つのでしょうか?我々は、単一のオブジェクトに複数のstlyesを提供する必要がある場合、基本的に使用

+0

には動的な値はありません!重要な基本的に使用されています。私は手動で幅を必要とする何かを動的に行うときにのみ使用します(私はそれを操作しようとしていた時点で)。例えば、イメージスライダは、1つの大きなdivにイメージをラップすることが多く、イメージの数とその幅から計算された幅を追加します。 jsを使って幅を動的に変更する場合以外は、常にスタイルシートを使用します – Pete

答えて

0

ngStyle

を使用すると、動的またはSTATISあなたがngStyleを使用することができますよりも、その上の高さ、幅、および色を変更してしているとしましょう。

  • ngStyleは、cssプロパティと値、および静的または動的値としてキーを持つオブジェクトを受け入れます。あなたはこの

    liekこの構文を使用して、これをachiveことができるよりも、いくつかの条件に応じて動的に幅を設定しなければならないとき、たとえば

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

style.width.px

が使用されています ​​

スタイル

外部スタイルは、スタイルが静的であるとき、それはマークされていない他のスタイルを上書きすることを意味JSスタイルを使用してスタイル

関連する問題