child.html

<p>child4 works!</p><div class="us">我是歌謠</div> <div [ngClass]="currentClass" class="col">我是歌謠</div>

child.ts

import { Component, OnInit } from '@angular/core';@Component({selector: 'app-child4',templateUrl: './child4.component.html',styleUrls: ['./child4.component.css'] }) export class Child4Component implements OnInit { currentClass(){}constructor() { }ngOnInit(): void {this.currentClass={col:true}}}

運(yùn)行結(jié)果

總結(jié)

以上是生活随笔為你收集整理的前端学习（2334）：angular之内置属性指令ngclass的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。