Question

我正在尝试一个角度项目，我需要显示n个按钮，点击每个按钮时，它应显示按钮编号。

有没有办法在事件绑定中传递任何静态值，可以在组件中用于决策。

<button (click)="clicked('want to pass a value here')">Click </button>
<h1>The button number you entered is: {{buttonNumber}}</h1>

值可以是：1,2 ... n，它将用于控制器类中的决策。

Answer 1

您拥有的代码将起作用。您需要在组件中创建一个函数（在您的情况下称为单击）并处理传入的$事件。

从@ angular / core＆＃39;;

导入{Component，OnInit}

@Component({
  selector: 'example',
  template: `
  <h1>The button number you entered is: {{buttonNumber}}</h1>
  <button (click)="clicked('want to pass a value here')">Click</button>
  `
})

export class ExampleComponent implements OnInit {
  constructor() { }

  ngOnInit() { }

  clicked(yourText) {
    // yourText is the argument from the template
    console.log(yourText)
  }

}

将事件绑定中的参数传递给组件

1 个答案: