valueがstringの場合、style.widthの使い方は？

Question

私は文字列のような幅を持っています。 For example : "150" .Whenは、私はこのような操作を行います。

class="{{event.width}}" iはクラス値で取得しますが、私はこのように行う場合：style.width="width + 'px"私は何かを得るいけません。なにか提案を ？それは文字列のようになっているので、それは問題ですか？クラスiでは値が得られるので、値が存在するからです。私も[ngStyle]={'width':event.width'}を試しましたが、同じ問題は何も起こりません。私はhtmlの中で価値を得ることはできません。

Answer 1

あなたがここにngStyle

<div [ngStyle]="{'width.px': event.width}">...</div> 

でこれを達成することができますが、これをデモするために取り組んでplnkrです。私は最初のオプションは、最もエレガントな

Answer 2

次の例では、スタイルの両方の方法を示していると考えているが

また、あなたは

<div [style.width]="event.width + 'px'">...</div> 

または

<div [ngStyle]="{width: event.width + 'px'}">...</div> 

と同じことを達成することができます角度で結合する。

public width = "400"; 

はテクニックは、あなたがバインディングスタイルに[style.width]を使用しました

<button [ngStyle]="{'width.px': width }">Button 1</button> 

<button [style.width]="width + 'px'">Button 2</button>