Maison  >  Article  >  interface Web  >  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é

小云云
小云云original
2018-02-08 11:29:351396parcourir

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>

//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>

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!

Déclaration:
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