在Angular 4中,你可以使用ng-disabled
指令来禁用按钮。以下是一个示例:
ngFor
指令来迭代一个数组,并为每个按钮添加一个click
事件处理函数和一个disabled
属性绑定:
items
数组和一个disabledButtons
数组,并在初始化时将disabledButtons
数组初始化为false
:import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
`,
})
export class AppComponent {
items = [1, 2, 3, 4, 5];
disabledButtons = [];
constructor() {
this.disabledButtons = Array(this.items.length).fill(false);
}
disableButton(index: number) {
this.disabledButtons[index] = true;
}
}
在上面的示例中,当点击按钮时,对应的disabledButtons
数组项会被设置为true
,从而禁用对应的按钮。
希望对你有帮助!