Angular样式设置ngStyle_angular style-src 'self'设置

<!-- [style.属性值]    和[ngStyle] -->
<p [style.color]="'pink'">我是粉色</p>
<p [style.color]="true ? 'green' : 'red'">我是绿色</p>
 
 
<!-- 带单位 -->
<p [style.font-size.px]="30">我是粉色</p>
<p [style.font-size.em]="2">我是绿色</p>
 
 
<!-- [ngStyle]对象设置 -->
 
<!-- <p [ngStyle]="{'color': 'bule','font-size':'50px'}">我是粉色</p> -->
<p [ngStyle]="styleObj">我是粉色</p>

import { Component } from '@angular/core';
 
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  styleObj = { ' color ': 'bule', 'font-size': ' 50px' };
}