我有两个自定义输入,如下所示:
<custom-input [name]="'lastName'" [customErrorMessage]="errorMessage" (valueChange)="lastNameChange($event)">
</custom-input>
<custom-input [name]="'firstName'" [customErrorMessage]="errorMessage" (valueChange)="firstNameChange($event)">
</custom-input>
如您所见,我的名字和姓氏都使用相同的变量errorMessage
。
它可以正常工作,即当我更改名字时,只会出现名字错误,并且类似地出现姓氏错误。尽管它指向相同的变量,但似乎工作正常。
在任何情况下这都行不通吗?
这是自定义输入组件的代码:
@Component({
selector: 'custom-input',
templateUrl: './input.component.html',
styleUrls: ['./input.component.scss'],
providers: [MyService]
})
export class InputComponent extends FormComponent implements OnInit, OnChanges, AfterViewChecked, AfterViewInit, OnDestroy {
@Input() customErrorMessage;
}