Повторное использование одной и той же переменной для пользовательского ввода в угловых

Question

У меня есть два пользовательских ввода, как показано ниже:

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