Maison > interface Web > js tutoriel > angluarjs filtre et remplace le code d'implémentation de la fonction mot-clé

angluarjs filtre et remplace le code d'implémentation de la fonction mot-clé

小云云
Libérer: 2018-02-08 11:29:35
original
1416 Les gens l'ont consulté

Cet article présente principalement en détail les petites fonctions d'angluarjs pour filtrer et remplacer des mots-clés. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer. J'espère qu'il pourra aider tout le monde.

style HTML


<body ng-app="myapp" ng-controller="myCtrl">
   <input type="text" ng-model="keytext">
   <p>{{ keytext|wordFilter:"#" }}</p>
</body>
Copier après la connexion

//Personnalisez le filtre et remplacez les mots-clés


<script>
    var myapp=angular.module("myapp",[]);
    /*自定义过滤器*/
    myapp.filter("wordFilter",function () {
      return function (msg,flag) {
        /*替换关键字*/
        return msg.replace(/枪|子弹/g,flag);
      }
    })
    myapp.controller("myCtrl",function ($scope) {
      $scope.keytext="";
    })
  </script>
Copier après la connexion

L'effet est le suivant :

Recommandations associées :

Le filtre Angularjs complète l'exemple de fonction de tri, explication détaillée

Comment utiliser le sélecteur de filtre de sous-éléments jQuery

Le lot de filtres de recherche angulaire supprime un résumé de certaines fonctions

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal