Heim > Web-Frontend > js-Tutorial > So implementieren Sie sensible Texteingabeaufforderungen in Angular

So implementieren Sie sensible Texteingabeaufforderungen in Angular

亚连
Freigeben: 2018-06-14 15:32:55
Original
1843 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die von Angular implementierten automatischen Filter- und Aufforderungsfunktionen für sensiblen Text vorgestellt und die Eingabebeurteilung von AngularJS für Zeichenfolgen und Echtzeitanzeige-bezogene Betriebsfähigkeiten in Form von Beispielen analysiert

Das Beispiel in diesem Artikel beschreibt die von Angular implementierten automatischen Filter- und Eingabeaufforderungsfunktionen für vertraulichen Text. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Werfen wir zunächst einen Blick auf den Laufeffekt:

Der spezifische Code lautet wie folgt folgt:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net angular敏感文字自动过滤</title>
  <script src="angular.min.js"></script>
  <script>
    var myapp=angular.module("myapp",[]);
    myapp.filter("filter1",function () {
      return function (msg,flag) {
        return msg.replace(/三鹿/g,flag);
      }
    });
    myapp.controller("myCtrl",function ($scope) {
      $scope.message=""
    });
  </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<input type="text" ng-model="message">
<p>{{message|filter1:"输入违禁词了"}}</p>
</body>
</html>
Nach dem Login kopieren

oben habe ich es für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Wie konfiguriere ich die mobile Anpassung mit vue-cli?

Verwenden Sie Javascript für reaktionsfähige Entwicklung

Detaillierte Interpretation der ES6-Datendekonstruktion

Detaillierte Interpretation Iterierbar Protokoll in ES6-Syntax

Detaillierte Erklärung zur Verwendung übergeordneter Komponenten „außerhalb“ React-Komponenten

Konfigurationsschritte für Axios (ausführliches Tutorial)

Erklärung der modularen Organisation in Vuex im Detail

Das obige ist der detaillierte Inhalt vonSo implementieren Sie sensible Texteingabeaufforderungen in Angular. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage