要为 ngClass 添加动态的 CSS 类名，可以使用以下方式：

1. 使用组件属性或方法返回至模板：

在组件中定义一个变量或方法来返回所需的 CSS 类名，然后将其与 ngClass 指令绑定：

// 在组件中定义变量 isDanger = true;

// 在模板中绑定

2. 使用一个对象来动态添加 CSS 类名：

可以使用一个对象来指定需要添加的 CSS 类名。这个对象可以根据组件的状态而动态改变，以添加或移除指定的 CSS 类名：

// 在组件中定义变量 classObj = { 'danger': true, 'special': false, 'highlight': true };

// 在模板中绑定

3. 使用一个方法来返回包含 CSS 类名的数组：

如果需要为一个元素添加多个 CSS 类名，可以使用一个返回包含 CSS 类名的数组的方法。这个方法可以根据组件的状态而动态返回数组，以添加或移除指定的 CSS 类名：

// 在组件中定义一个方法 getClassNames() { let classArray = ['danger', 'highlight']; if (this.special) { classArray.push('special'); } return classArray; }

// 在模板中绑定