2017-03-17 6 views
0

ダイナミックラベルにカスタムCSSを適用するにはどうすればよいですか?角形 - どのように角度の形式で動的ラベルにカスタムCSSを適用するには?

私たちの形式的なモーダルの1つとして、私は以下のように動的ラベルを作成しています。 [email protected]最高のメールです - として

formlyConfig.templateOptions.wrapperLabel = 'Is '+ emailAddress + ' the best email?'; 

     emailAddress - populated by service. 

は、UI上でこれを表示したいと思いますか?

答えて

0

ラベルにマークアップを追加するには、FormlyでTemplate Manipulatorsを使用する必要があるようです。

+0

ありがとうございます!私はマニピュレータを使用してチェックしており、必要に応じてどこでもマニピュレータを適用する必要があるように見えます。パフォーマンスには影響はありませんが、正しく実行していることを確認する必要があります。 – user2836364

0

あなたは形式的にHTMLテンプレートとして書くことができます---もっと簡単にできますし、そういうものが必要なときにいつもやっていることがあります。

{ 
    template: '<label>Is <strong>{{vm.email}}</strong> the best email?</label>' 
} 
+0

ありがとうMatt!私は5つの異なる場所で太字を表示する必要がある場合、それは5つの異なるテンプレートですか?これは一般的なことができますか? – user2836364

+0

はい、グローバルテンプレートページに追加することができます。タイプを正式に名前を付けて設定することで、どこからでも呼び出せるタイプにすることができます。例を参照してください:http://docs.angular-formly.com/docs/custom-templates – MattE

関連する問題