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
输出: