📜  Angular 10 中的 NgStyle 是什么?

📅  最后修改于: 2022-05-13 01:56:26.424000             🧑  作者: Mango

Angular 10 中的 NgStyle 是什么?

在本文中,我们将了解 Angular 10 中的NgStyle是什么以及如何使用它。

NgStyle用于为 HTML 元素添加一些样式

句法:

方法:

  • 创建要使用的 Angular 应用程序
  • 在 app.component.html 中创建一个元素并使用 ngStyle 指令设置其类
  • 使用 ng serve 为 Angular 应用程序服务以查看输出

示例 1:

app.component.ts
import { Component, OnInit } from '@angular/core';
  
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
  
  }


app.component.html
  GeeksforGeeks
  
  GeeksforGeeks


app.component.html

  GeeksforGeeks
  
  GeeksforGeeks

输出: