Binding CSS Styles ke Tag di Angular
Untuk elemen HTML, kita juga dapat menetapkan
seperangkat gaya tertentu. Hal ini dilakukan
dengan bantuan direktif ngStyle. Ke
direktif ini, kita harus meneruskan objek dengan
properti CSS dan nilainya.
Mari kita coba:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Diberikan objek:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Gaya suatu tag dengan menggunakan objek ini.
