如何在Angular4中将click事件中的变量与硬编码值连接起来

<button (click)="onClick({{ variable }} + 'hardcoded')">Click me</button>

export class MyComponent {
  variable: string = 'dynamic ';

  onClick(value: string) {
    console.log(value);
  }
}

<button [attr.data-value]="variable + 'hardcoded'" (click)="onClick()">Click me</button>

export class MyComponent {
  variable: string = 'dynamic ';

  onClick() {
    const value = document.querySelector('button').getAttribute('data-value');
    console.log(value);
  }
}