要记录Angular Material工具栏的点击事件,可以按照以下步骤进行操作:
import { Component } from '@angular/core';
@Component({
selector: 'app-toolbar',
templateUrl: './toolbar.component.html',
styleUrls: ['./toolbar.component.css']
})
export class ToolbarComponent {
onButtonClick(button: string) {
console.log('Button clicked:', button);
// 在这里可以执行其他逻辑或记录点击事件
}
}
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ToolbarComponent } from './toolbar.component';
@NgModule({
declarations: [ToolbarComponent],
imports: [CommonModule],
exports: [ToolbarComponent]
})
export class ToolbarModule { }
这样,每当用户点击工具栏中的按钮时,onButtonClick方法将被调用,并打印出相应的按钮名称。您可以根据需要扩展onButtonClick方法来执行其他操作,例如记录点击事件到日志文件或与后端交互。