要动态渲染ngClass，可以使用以下方法：

1. 在组件类中定义一个变量，用于存储动态的CSS类名。例如：

activeClass: string = 'active';

2. 在模板中使用ngClass指令，并将变量传递给ngClass。例如：

Dynamic Class

3. 在需要改变CSS类名的地方，更新activeClass变量的值。例如，在点击事件处理程序中：

onClick() {
  this.activeClass = 'inactive';
}

这样，当点击事件发生时，CSS类名会从'active'变为'inactive'，从而实现动态渲染ngClass。

完整的示例代码如下：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    
Dynamic Class
    Toggle Class
  `,
  styles: [`
    .active {
      color: blue;
      font-weight: bold;
    }

    .inactive {
      color: gray;
      font-weight: normal;
    }
  `]
})
export class AppComponent {
  activeClass: string = 'active';

  onClick() {
    this.activeClass = 'inactive';
  }
}

这个示例中，初始状态下，div元素具有'active'类名，文字为蓝色和粗体。当点击按钮时，div元素的类名会切换为'inactive'，文字颜色变为灰色和正常字体。