Подскажите, у меня в template такой код ... <div> No user

Question

Подскажите, у меня в template такой код ... <div> No user

with ID: {{userId}} </div>
...
где userId - помечен Input(), и в родительском компоненте передается из <input>, и получается, что когда идет вывод этого блока с датабайндингом, после изменения <input> в родительском компоненте, меняется и значение в дочернем, можно ли передать в темплейт как текс значение userId? или единственный вариант это сделать еще одно поле _userId и в OnInit копировать значения Input() userId в _userId и выводить его?

#angular #frontend #javascript #programming #russian

0

08.01.2021

8 ответов

23 просмотра

Vladislav Автор вопроса

Artsiom Starkov
Привет не совсем понятна твоя проблема .. но попро...

Привет, проблемы была в том что при выводе блока с ошибкой, я мог изменяя <input> менять и текст ошибки, попробовал сеттер, и получается так, что при измении <input> в родительском элементе, оно сразу передает в сеттер, а сеттер в темплейт и получается тот же результат. Сделал в OnInit присваивание this.userIdView = userId; (где userId помечен Input()), тогда значение ошибки сохраняется не измененным, но кажется что костыльно немного

0

08.01.2021

Oleg Safonov

Vladislav
Привет, проблемы была в том что при выводе блока с...

А что за инпут, что туда вводит пользователь?

0

08.01.2021

Andrii Mykhailenko

Vladislav
Привет, проблемы была в том что при выводе блока с...

типично, но... в пятницу вечером наверное вообще все закрывать! ))))

0

08.01.2021

Vladislav Автор вопроса

Oleg Safonov
А что за инпут, что туда вводит пользователь?

Да обычный инпут, число вводит юзер <input id="userId" formControlName="userId" class="form-control" [ngClass]="{ 'is-invalid': userId.invalid && (userId.dirty || userId.touched) }">

0

08.01.2021

Oleg Safonov

Vladislav
Да обычный инпут, число вводит юзер <input id=...

Пользователь вводит число и сразу осуществляется поиск по нему?

0

08.01.2021

Vladislav Автор вопроса

Oleg Safonov
Пользователь вводит число и сразу осуществляется п...

не, я не заскринил, там еще кнопка после которой поиск идет поэтому поведение компонента неправильное, именно что он пихает значение введённые сразу в ошибку

0

08.01.2021

Oleg Safonov

Vladislav
не, я не заскринил, там еще кнопка после которой п...

Сделайте просто отдельную модель, для id по которому поиск идёт Т.е. Пользователь нажал кнопку - запомнили id, положили его куда нибудь в стейт или сервис или ещё куда и если данных нет, то его отображайте По смыслу идентификатор по которому поиск был осуществлён - это не та же сущность, которую пользователь вводит

0

08.01.2021

Artsiom Starkov · Accepted Answer

Artsiom Starkov

Привет не совсем понятна твоя проблема .. но попробуй сделать вот так Input() set userId(value: string) { this.userIdView = value; } <div> No user with ID: {{userIdView}} </div>

0

08.01.2021

169 похожих чатов

Подскажите, у меня в template такой код ... <div> No user

8 ответов

Похожие вопросы