Angular 8中的样式绑定

使用Angular 8中的样式绑定将CSS样式赋予HTML元素非常容易。样式绑定用于设置视图元素的样式。我们可以使用angular中的样式绑定来设置HTML元素的内联样式。您还可以有条件地将样式添加到元素，从而创建动态样式化的元素。

句法：

范例1：

app.component.html：

输出：

示例2：使用样式绑定设置字体大小。

app.component.html：

的HTML

  GeeksforGeeks

输出：

示例3：条件样式。

app.component.html：

的HTML

  GeeksforGeeks

app.component.ts：

Java脚本

import { Component } from '@angular/core';    
@Component({    
  selector: 'app-root',    
  templateUrl: './app.component.html',    
  styleUrls: ['./app.component.css']    
})    
export class AppComponent {   
  status = "All good";
}

输出：