如何在angular中更改按钮样式onclick？

在Angular中更改按钮样式onclick可以通过以下步骤实现：

1. 在组件的HTML模板中，为按钮添加一个点击事件绑定，例如：

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

1. 在组件的TypeScript文件中，定义一个方法来处理按钮点击事件，并在该方法中更改按钮的样式。例如：

changeButtonStyle() {
  // 在这里更改按钮的样式
}

1. 在changeButtonStyle()方法中，可以通过修改组件的属性来改变按钮的样式。例如，可以定义一个布尔类型的属性来表示按钮的样式是否需要改变：

isButtonStyleChanged: boolean = false;

1. 在changeButtonStyle()方法中，根据isButtonStyleChanged属性的值来决定按钮的样式。例如，可以使用ngClass指令来动态添加或移除CSS类：

<button (click)="changeButtonStyle()" [ngClass]="{'changed-style': isButtonStyleChanged}">点击按钮</button>

1. 在组件的CSS文件中，定义按钮样式的CSS类。例如，可以定义一个名为"changed-style"的CSS类来改变按钮的样式：

.changed-style {
  background-color: red;
  color: white;
}

这样，当按钮被点击时，changeButtonStyle()方法会被调用，isButtonStyleChanged属性的值会被修改，从而改变按钮的样式。

请注意，以上步骤是基于Angular框架的实现方式，具体的实现可能会根据项目的需求和设计而有所不同。