重复使用相同的变量进行角度的自定义输入

时间:2019-04-08 22:04:24

标签: angular forms input

我有两个自定义输入,如下所示:

<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;
}

0 个答案:

没有答案