角2：補間の{{}}二重中括弧でスタイルを適用するかhtmlタグを使用する

Question

ツールチップのコンポーネントを1つ作成しました。

名前
シャールク
以下の私のビューが表示されます方法です：

<tooltip [tooltipDisplayText]="ttp.mainText" tooltipFullText="{{ttp.fieldType}} {{ttp.mainText}} {{ttp.subText}}"></tooltip> 

私は次のようにして表示する：仮定（俳優FIELDTYPE：名前、mainText：シャールク、と言外の意味） 俳優

しかし、私は括弧でこれをどのようにフォーマットすることができます混乱しています。誰かがこれで私を助けることができますか？

Answer 1

あなたのツールチップコンポーネントに続いてinnerHTMLプロパティ内で使用して

tooltipFullText="<div><b>{{ttp.fieldType}}</b></div>{{ttp.mainText}} 
        <div><i>{{ttp.subText}}</i></div>" 

それをあなたの財産で任意の文字列を渡すことができます。

`tooltip`コンポーネントです

@Input() tooltipFullText; 

<div [innerHTML]="tooltipFullText"></div> 

Demo