Как проверить поля ввода, чтобы принимать только значения цвета в Angular 6 - PullRequest
Новая
       6

Как проверить поля ввода, чтобы принимать только значения цвета в Angular 6

0 голосов
/ 08 ноября 2018

Я реализую веб-приложение, используя MEAN Stack и Angular 6. Там у меня есть поле ввода, которое берет значения цвета из ngx-colorpicker. Но эти поля ввода также позволяют вводить текст. Если я использую <input type= 'color'>, он открывает отдельную палитру цветов, а если я выбираю цвет, он применяется только к средней части текстового поля. Что я хочу, это запретить ввод текста или чисел в эти поля ввода У кого-нибудь есть идея сделать это?

Это мое поле ввода. 

<input type="text" nbInput [(colorPicker)]="colorRangeTraceArc" [cpPosition]="'right'" [cpOutputFormat]="'rgba'[style.background]="colorRangeTraceArc"
    formControlName="colorRTC" name="colorRangeTraceArc" style="width: 100px" (colorPickerChange)="onChangeColorRTA($event)" />

1 Ответ

0 голосов
/ 08 ноября 2018

попробуйте использовать событие keydown для текстового поля, чтобы заблокировать любой ввод в текстовом поле.

Вот HTML-код: 

(keydown)="keyDown($event)"

Вот код TS: 

 keyDown(event:any){
    return false;
  }

Пожалуйста, отметьте первое текстовое поле в примере stackbliz .

...