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

Ребята, может кто подсказать, Есть нативный инпут с ngModel.

В inputModelChange смотрю что в this.inputModel и если не тот символ, то меняю. Например 5 меняю на x и все работает. Но если менять на пустой символ, то он в модели меняется, но в input отображается например пробовал 6 менять на ''. Как такую задачу решать не пойму? Хочу запрещать ввод определенных символов или менять их на другие.
<input [(ngModel)]="inputModel"
(ngModelChange)="inputModelChange($event)"
>

24 ответов

12 просмотров

У тебя тут дублирование ивентов [(ngModel)] это то же самое, что и [ngModel] + (ngModelChange) Попробуй так ``` <input [ngModel]="inputModel" (ngModelChange)="inputModelChange($event)" > ```

Alexandr-Manyunin Автор вопроса
Kirill Sklyarov
У тебя тут дублирование ивентов [(ngModel)] это то...

Попробовал, поведение такое же. Получается если я в модель тоже строковое значение устанавливаю, в инпуте почему-то оно не обновляется( неужели ещё и в инпуте надо руками менять. Почему 6 отображается, хотя в модели ее нет. Попробовал так, работает. Но выглядит как костыль, явно должен быть способ правильнее. const newValue = this.inputCallback(this.inputModel); this.inputModel = newValue; this.inputField.nativeElement.value = newValue;

Alexandr Manyunin
screenshot Попробовал, поведение такое же. Получается если я ...

скинь код, что выполняется в методе inputModelChange($event)

Alexandr-Manyunin Автор вопроса
Kirill Sklyarov
скинь код, что выполняется в методе inputModelChan...

Да там так для проверки. return value.replace(/5/g, 'x').replace(/6/g, '');

Alexandr Manyunin
Да там так для проверки. return value.replace(/5/g...

а почему ретурн? Надо присвоить this.inputModel получившееся значение

Alexandr-Manyunin Автор вопроса
Kirill Sklyarov
а почему ретурн? Надо присвоить this.inputModel п...

Так норм работает, но не пойму почему и в модель надо писать и в input. Если в input не буду писать, то 5 заменятся на x, а 6 на пустое значение нет. Хотя в модели 6 не будет.

Alexandr Manyunin
screenshot Так норм работает, но не пойму почему и в модель н...

<input [ngModel]="inputModel" (ngModelChange)="inputModelChange($event)" > inputModelChange(value: string): void { this.inputModel = this.inputCallback(value); }

Alexandr-Manyunin Автор вопроса
Kirill Sklyarov
<input [ngModel]="inputModel" (ngModelChan...

banana убрал сразу. Не помогает. Причем когда ввожу пять, она отображается как x. Хотя по консоли в nativeElement лежит 5. Видимо она потом в нативном инпуте обновляется. Но для 6, когда пустое значение обновления не происходит. Элементарная задача и чет нагуглить даже не могу)

Alexandr-Manyunin Автор вопроса
Vadim Malovaniy
ты хочешь маску сделать?

Не маску, а замену одних символов на другие. В том числе какой-то символ поменять на пустой.

Alexandr-Manyunin Автор вопроса
Vadim Malovaniy
Чекни мой пример. Может поможет

там через keyup, а если ctrl-c вставлять будут оно сработает)?

Alexandr-Manyunin Автор вопроса
Vadim Malovaniy
через ctrl-v работает

Посмотрю, но все равно кажется что смотреть на keyup это какой то обходной путь. У меня этот компонент уже с CVA и его методы для другого заняты(

Alexandr Manyunin
screenshot banana убрал сразу. Не помогает. Причем когда вво...

в общем, запустил я подобный пример у себя. 1. В инпуте лежит какое-то значение 2. Это значение эквивалентно проперти в компоненте 3. Ты пишешь в инпуте что-то 4. Срабатывает событие ngModelChange. 5. Сразу же удаляетсяудаляешь ненужный символ. 6. В инпуте осталось лежать новое неправильное значение 7. В inputModel записалось новое исправленное 8. Это новое исправленное значение равно старому до того, как ты ввёл. 9. Из-за того, что новое значение равно предыдущему, не срабатывает чейндж-детекшн. Как-то так

Alexandr-Manyunin Автор вопроса
Kirill Sklyarov
в общем, запустил я подобный пример у себя. 1. В ...

Хм, спасибо за объяснения, т. е. если onPush убрать должно заработать? Или вручную проверку вызывать?

Alexandr Manyunin
Хм, спасибо за объяснения, т. е. если onPush убрат...

при дефолтной стратегии я попробовал сделать detectChange(), не сработало

Alexandr-Manyunin Автор вопроса
Kirill Sklyarov
при дефолтной стратегии я попробовал сделать detec...

Видимо где-то в кишках ангуляра надо смотреть. Да и с его стороны логично, если модель та же, зачем менять инпут. Спасибо

Alexandr-Manyunin Автор вопроса

Пока не смог найти) если кто посоветует, буду благодарен.

Alexandr-Manyunin Автор вопроса

Так мне не маска нужна, а заменять введенное другим, например транслитеризацию реализовать

Alexandr-Manyunin Автор вопроса

Так, надо будет тогда посмотреть, спасибо)

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

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта