改變當前元素的樣式，Angular

-1

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

我需要更改模板的顏色，但它得到了初始化後，才因爲迭代去和顏色必須被動態分配。有沒有辦法做到這一點？

來源

2017-05-29 Chris K.

使用'id'與模板的屬性，並覆蓋其顏色。 –

「模板」是否被棄用的角度指令？如果是，則無法對其進行設計，因爲這是一個不會呈現的結構指令。但是你可以＃calendar-event-inner。什麼是變量，風格應該取決於什麼？ –

如果你想改變任何單一模板的顏色，那麼你可以使用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

來源

2017-05-29 08:30:17

改變當前元素的樣式，Angular

回答

相關問題