问题描述:在Angular中,使用ngClass指令将传递的@Input值覆盖按钮文本并添加类时,遇到错误。
示例代码:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-button',
template: `
`,
styleUrls: ['./button.component.css']
})
export class ButtonComponent {
@Input() buttonText: string;
@Input() isActive: boolean;
}
错误信息:无法正确覆盖按钮文本和添加类。
解决方法:
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule,
ReactiveFormsModule
],
// ...
})
export class AppModule { }
这样,isActive为true时,按钮会添加custom-class类;否则,按钮不添加任何类。
通过以上步骤,你应该能够成功覆盖按钮文本并添加类。