Что такое NgStyle в Angular 10?
Опубликовано: 24 Августа, 2022
В этой статье мы рассмотрим, что такое NgStyle в Angular 10 и как его использовать.
NgStyle используется для добавления стиля к элементу HTML.
Синтаксис:
<element [ngStyle] = "typescript_property">
Подход:
- Создайте приложение Angular, которое будет использоваться
- В app.component.html создайте элемент и установите его класс с помощью директивы ngStyle.
- Служите угловому приложению, используя ng serve, чтобы увидеть результат
Пример 1:
app.component.ts
import { Component, OnInit } from "@angular/core"; @Component({ selector: "app-root", templateUrl: "./app.component.html"})export class AppComponent { } |
app.component.html
<div [ngStyle] ="{"background-color":"green"}"> GeeksforGeeks</div> <div [ngStyle] ="{"color":"GREEN"}"> GeeksforGeeks</div> |
Выход:
