Wie können Textfeldsymbole in AngularJS eingeschränkt werden?

Question

Ich versuche, Symbole (!@#$%^&*()_+, etc) in einem Textfeld einzuschränken. Die Anwendung, an der ich arbeite, verwendet benutzerdefinierte Direktiven, um Textfelder zu generieren, und ich kenne mich damit nicht aus. Ich habe versucht, das gleiche durch Verweis auf How to restrict special characters in AngularJS textbox [closed] zu implementieren, konnte aber mein Problem nicht lösen. Ich werde alle die entsprechenden Dateien unten anhängen, so dass Sie verstehen, wie Framework implementiert ist.

Ich versuche, die Mustereinschränkung zu einem Benutzernamen Formularfeld hinzuzufügen. Bitte finden Sie den Code unten.

• Form.js

• Formusername.html

Wenn wir das Element Registerkarte in Developer Tools öffnen wollen, werden wir in der Lage, die Richtlinie Namen sehen hinzugefügt dem Eingabefeld als Attribut. Ich werde das Element-Tag aus dem Entwickler-Fenster kopieren Sie das gleiche zeigen:

<input type="text" id="txtName" name="name" ng-keyup="onkeyup({e : $event})" ng-blur="onblur({e : $event})" ng-model="nameModel" value="" placeholder="" class="form-control lvp-form-input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="" no-special-char=""> 

Wie Sie sehen können, no-special-char="" wurde in das Eingabefeld eingefügt.

Ich bin ein frischer und immer noch lernen AngularJS. Ich bin auch nicht mit Direktiven vertraut. Kann jemand auf den Fehler, den ich hier mache, hinweisen und eine Lösung anbieten? Wenn Sie denken, dass es einen besseren Weg gibt, dies zu erreichen, lassen Sie es mich bitte auch wissen. Danke im Voraus.

Answer 1

Verwendung ng-Muster wie ng-pattern = "/^[a-zA-Z0-9] * $ /"