如何在angular中点击按钮时调用css函数？

在Angular中，可以通过以下步骤来实现在点击按钮时调用CSS函数：

1. 首先，在组件的HTML模板中，定义一个按钮，并为其绑定一个点击事件，例如：

<button (click)="applyCSS()">点击按钮</button>

1. 在组件的TypeScript文件中，定义一个名为applyCSS()的函数，用于在点击按钮时调用CSS函数。在该函数中，可以通过获取DOM元素的方式来操作CSS样式，例如：

applyCSS() {
  const element = document.getElementById('myElement');
  element.style.color = 'red';
  element.style.fontSize = '20px';
}

1. 在组件的HTML模板中，将需要应用CSS样式的元素添加一个唯一的ID，例如：

<div id="myElement">这是一个示例文本</div>

通过以上步骤，当点击按钮时，applyCSS()函数会被调用，然后通过获取元素的ID来操作该元素的CSS样式，实现在Angular中点击按钮时调用CSS函数的效果。