Angular中的指令如何用于动态修改元素的样式或类名

要在Angular中动态修改元素的样式或类名，可以使用ngStyle和ngClass指令。

1. ngStyle指令可以根据组件中的属性值动态设置元素的样式。例如：

<div [ngStyle]="{ 'color': myColor, 'font-size': myFontSize + 'px' }">Dynamic Style</div>

在组件中定义相应的属性：

export class MyComponent {
  myColor = 'red';
  myFontSize = 16;
}

2. ngClass指令可以根据组件中的属性值动态设置元素的类名。例如：

<div [ngClass]="{ 'active': isActive, 'error': hasError }">Dynamic Class</div>

在组件中定义相应的属性：

export class MyComponent {
  isActive = true;
  hasError = false;
}

这样就可以根据组件中的属性值动态修改元素的样式或类名。