with ID: {{userId}} </div>
...
где userId - помечен Input(), и в родительском компоненте передается из <input>, и получается, что когда идет вывод этого блока с датабайндингом, после изменения <input> в родительском компоненте, меняется и значение в дочернем, можно ли передать в темплейт как текс значение userId? или единственный вариант это сделать еще одно поле _userId и в OnInit копировать значения Input() userId в _userId и выводить его?
Привет не совсем понятна твоя проблема .. но попробуй сделать вот так Input() set userId(value: string) { this.userIdView = value; } <div> No user with ID: {{userIdView}} </div>
Привет, проблемы была в том что при выводе блока с ошибкой, я мог изменяя <input> менять и текст ошибки, попробовал сеттер, и получается так, что при измении <input> в родительском элементе, оно сразу передает в сеттер, а сеттер в темплейт и получается тот же результат. Сделал в OnInit присваивание this.userIdView = userId; (где userId помечен Input()), тогда значение ошибки сохраняется не измененным, но кажется что костыльно немного
А что за инпут, что туда вводит пользователь?
типично, но... в пятницу вечером наверное вообще все закрывать! ))))
Да обычный инпут, число вводит юзер <input id="userId" formControlName="userId" class="form-control" [ngClass]="{ 'is-invalid': userId.invalid && (userId.dirty || userId.touched) }">
Пользователь вводит число и сразу осуществляется поиск по нему?
не, я не заскринил, там еще кнопка после которой поиск идет поэтому поведение компонента неправильное, именно что он пихает значение введённые сразу в ошибку
Сделайте просто отдельную модель, для id по которому поиск идёт Т.е. Пользователь нажал кнопку - запомнили id, положили его куда нибудь в стейт или сервис или ещё куда и если данных нет, то его отображайте По смыслу идентификатор по которому поиск был осуществлён - это не та же сущность, которую пользователь вводит
Обсуждают сегодня