Ребят, подскажите пожалуйста, как подружить кастомный контрол, например инпут, с

Question

Angular - русскоговорящее сообщество

Ко Тт

Ребят, подскажите пожалуйста, как подружить кастомный контрол, например инпут, с

опцией updateOn? и как его подружить вообще с масками, типа ngx-mask ? чтоб нормально форма валидировалась при этом

#angular #frontend #javascript #programming #russian

0

09.07.2021

15 ответов

17 просмотров

Ко Тт Автор вопроса

Bohdan Bida 🇺🇦
ControlValueAccessor ?

да, контрол создан через него

0

09.07.2021

Raman Yazvinski

https://stackoverflow.com/questions/58606860/how-to-access-updateon-option-inside-custom-implementation-of-controlvalueacce Вместо вызова writeValue на изменение значения вызывайте на (blur)

0

09.07.2021

Raman Yazvinski

https://stackoverflow.com/questions/53935844/passing-ngmodeloptions-through-from-a-custom-component-to-a-contained-native-e там важное замечание

0

09.07.2021

Ко Тт Автор вопроса

Raman Yazvinski
https://stackoverflow.com/questions/58606860/how-t...

Не совсем понял как это (

0

09.07.2021

Raman Yazvinski

Ко Тт
Не совсем понял как это (

Смотрите вторую ссылку, что я сбросил: updateOn работает с onTouched колбеком

0

09.07.2021

Ко Тт Автор вопроса

Raman Yazvinski
Смотрите вторую ссылку, что я сбросил: updateOn ра...

пробую, но что то ничего вразумительного не получается

0

09.07.2021

Raman Yazvinski

Ко Тт
пробую, но что то ничего вразумительного не получа...

Там ссылка на стакблитц, посмотрите, все работает отлично В примерах внутри ngModel использовалась ngModel, что тот еще рофл, но можно и просто cva сделать

0

09.07.2021

Ко Тт Автор вопроса

Raman Yazvinski
Смотрите вторую ссылку, что я сбросил: updateOn ра...

ага, вроде получилось… маска все ломала… с обычным значением действительно

0

09.07.2021

Ко Тт Автор вопроса

Raman Yazvinski
Там ссылка на стакблитц, посмотрите, все работает ...

а не подскажите еще как маски по нормальному накрутить на кастомный инпут? т.к. тоже не работают как ожидается

0

09.07.2021

Raman Yazvinski

Ко Тт
а не подскажите еще как маски по нормальному накру...

Как проверку перед изменением значения. (change)="setValue($value)" setValue(value: string) { if (!this.mask || new Regex(this.mask).test(value)) { this.value = value; this.onChangeCb(value) } } P.s. хотя тут скорее всего придется не бинидить [value], а напрямую работать с HtmlElement setValue(value: string) { if (!this.mask || new Regex(this.mask).test(value)) { this.inputRef.value = value; this.onChangeCb(value) } else { this.inputRef.value = this.previousValue; } }

0

09.07.2021

Ко Тт Автор вопроса

Raman Yazvinski
Как проверку перед изменением значения. (change)=...

ага, понятно… это как я понял на случай если просто со своей регуляркой сверяться? а если что то вроде использования штук таких как ngx-mask ? их можно нормально подружить с кастмными контролами чтоб использовать их апи?

0

09.07.2021

Raman Yazvinski

Ко Тт
ага, понятно… это как я понял на случай если прост...

А пес его знает, к счастью это не моя проблема :)

0

09.07.2021

Raman Yazvinski

Ко Тт
ага, понятно… это как я понял на случай если прост...

Как вариант - заинжектить @Optional mask?: NgxMask и вызывать его методы при необходимости

0

09.07.2021