Powiązanie stylów CSS z tagiem w Angularze
Dla elementu HTML możemy również ustawić
określony zestaw stylów. Robi się to za
pomocą dyrektywy ngStyle. Do tej
dyrektywy należy przekazać obiekt z właściwościami CSS
i ich wartościami.
Spróbujmy:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Dany jest obiekt:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Ostyluj jakiś tag za pomocą tego obiektu.
