Angular 将按钮值传递给组件中的函数

Angular 将按钮值传递给组件中的函数,angular,Angular,我有一个按钮,可以从组件中动态获取其值和文本。单击按钮后,我希望将值传递给组件中的函数 {{actionButton.text} 剂量{ //从单击的按钮获取值。 //用它做点什么。 } 是否有方法传递事件?您可以将参数传递给方法 {{actionButton.text} doSomethingactionButton:{value:any}{ console.logactionButton.value; } 所以 currentComponent.component.ts具有公共操作按钮:{}

我有一个按钮,可以从组件中动态获取其值和文本。单击按钮后,我希望将值传递给组件中的函数

{{actionButton.text} 剂量{ //从单击的按钮获取值。 //用它做点什么。 }
是否有方法传递事件?

您可以将参数传递给方法

{{actionButton.text} doSomethingactionButton:{value:any}{ console.logactionButton.value; } 所以

currentComponent.component.ts具有公共操作按钮:{}

currentComponent.component.html是否有

如果currentComponent是您的组件,并且不在*ngFor循环中,那么为什么要将actionButton.value传递给DOM以将其作为参数返回给组件

您可以简单地执行doSomething:void{//doSomething with actionButton.value}


如果actionButton是通过@Input提供给您的,则逻辑保持不变。

click=doSomethingactionButton.value?按钮的生成为*ngFor loopMy bad。doSomethingvalue:typeOfYourValue:void{}和在html中:doSomethingactionButton.valueSuccessing*ngFor=let actionButton of actionButtons and。。您可以使用[value]=actionButton.value over value={{{actionButton.value}}对字符串插值进行属性绑定