Benutzer auf bestimmte Zeichen im Eingabefeld beschränken

Question

Wie verhindert man, dass der Benutzer ein # Zeichen in ein Eingabefeld eingibt?

Ich kämpfe um es zu erreichen.

Answer 1

Ein Weg wäre, eine Direktive zu machen, die die Dinge filtert, also wird nichts in den modellbindenden Teil der App eingehen, weil sie nichts eingeben können. Unten ist eine Beispiel-Direktive für deinen Fall

import {Directive, ElementRef, HostListener} from '@angular/core'; 

@Directive({ 
    selector: '[inputFilter]' 
}) 
export class inputFilterDirective { 



    constructor(private el: ElementRef) { 
    } 


    @HostListener('keydown', ['$event']) onKeyDown(event) { 
     let e = <KeyboardEvent> event; 

     if (e.keyCode == 35) { 
      e.preventDefault(); 
     } else { 
      return; 
     } 

    } 
} 

ich es nur für Zahlen getan hatte, so könnte nicht die Benutzer etwas anderes als Zahlen eingeben, aber ich verändert es für Hashtag => das Hashtag eine keyCode von 35.

Sie die Richtlinie verwenden wie diese <input inputFilter [(ngModel)]="whatever"/> hat