メソッド角度を使用して動的なスタイリング4

Question

私は4番目のツリー構造を構築しています。私は同じレベルで各ノードを開始し、左の枠線から名前のテキストだけをインデントしなければなりません。すべてのノードについて、 私はノードの深さを持っています。私はこのようなスタイルを追加したい。

<p style="padding-left : calc_padding(depth)"> some Text </p> 

calc_padding(depth){ 
return depth *5 
} 

どうすればいいですか？

私は読まれたスタイルのサニタイザーを持っていますが、私の場合にはそれを使用する方法が見つかりませんでした。

[style] = "method(depth)" と[style.padding-left] = "method(depth)"を試してみましたが、私が望んでいたことを達成できません。

この点に関するお手伝いがあります。あなたはこのように結合スタイルを使用する必要が

Answer 1

：

<p [style.paddingLeft.px]="calc_padding(depth)"></p> 

値はcalc_paddingから返された場合は、ピクセル

Answer 2

として解釈されるべきであるあなたはこれを試してみてくださいそれ

ためngStyleを使用することができます

<p [ngStyle]="getStyle(20)"> some Text </p> 

成分中：

calc_padding(depth){ 
    let returnData = {}; 
    returnData['padding-left'] = depth *5; 
    return returnData; 
}