2017-05-29 9 views
-1

現在の要素のスタイルを変更するにはどうすればいいですか?現在の要素のスタイルの変更、角型

<template #weekEvents let-displayEvent="displayEvent"> 
     <div class="calendar-event-inner">{{displayEvent.event.title}}</div> 
    </template> 

私はそこに行くの繰り返しであり、色が動的に割り当てられなければならないため、それが初期化されてしまった後にのみ、そのテンプレートの色を変更する必要がありますが。それを行う方法はありますか?

+0

使用は 'そのテンプレートで属性とその色を上書きid' 。 –

+1

"template"は廃止された角度指令ですか?もしそうであれば、レンダリングされない構造指示であるため、スタイルを設定する方法はありません。しかし、#calendar-event-innerを使用することができます。変数は何ですか、スタイルは依存する必要がありますか? –

答えて

0

あなたは、単一のテンプレートのいずれかの色を変更したい場合は、あなたが以下のように、id属性を使用することができます。

HTML:

 <simple-element id="test">simple content</simple-element> 

CSS:

#asd 
{ 
    color: red; 
} 

あなたが使用する必要がある複数のテンプレートをカラーで適用する場合はclass属性、下記のお尻:

HTML:

 <div products-information class="custonColor">Product information</div> 

    <products-information class="custonColor">some product Information</products-information> 

CSS:

.custonColor 
{ 
    color: green; 
} 

Complete Working Demo

関連する問題