在Angular 6中,你可以使用{{}}插值表达式来在按钮上显示数据。以下是一个示例:
在组件的HTML模板中添加一个按钮,并使用插值表达式来显示数据:
在组件的Typescript文件中,定义一个按钮文本变量并初始化它:
export class MyComponent {
buttonText: string;
constructor() {
this.buttonText = 'Click me';
}
}
这样,按钮将显示"Click me"文本。
你还可以在事件处理程序中改变按钮的文本。例如,当按钮被点击时,你可以将文本更改为"Button clicked":
export class MyComponent {
buttonText: string;
constructor() {
this.buttonText = 'Click me';
}
onClick() {
this.buttonText = 'Button clicked';
}
}
在HTML模板中,绑定按钮的click事件到组件的onClick方法:
当按钮被点击时,按钮的文本将更改为"Button clicked"。
这就是在Angular 6中使按钮显示数据的一个简单示例。你可以根据自己的需求进行进一步的自定义和修改。