ホームページ > ウェブフロントエンド > jsチュートリアル > angluarjs のフィルターとキーワード関数の置換関数の実装コード

angluarjs のフィルターとキーワード関数の置換関数の実装コード

小云云
リリース: 2018-02-08 11:29:35
オリジナル
1419 人が閲覧しました

この記事では主に angluarjs のキーワードのフィルタリングと置換に関する小さな機能を詳しく紹介します。興味のある方はぜひ参考にしてください。

html style


<body ng-app="myapp" ng-controller="myCtrl">
   <input type="text" ng-model="keytext">
   <p>{{ keytext|wordFilter:"#" }}</p>
</body>
ログイン後にコピー

//フィルターをカスタマイズしてキーワードを置き換えます


<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>
ログイン後にコピー

効果は次のとおりです:

関連する推奨事項:

Angularjsフィルターにより並べ替えが完了します機能詳細例

jQueryのサブ要素フィルターセレクターの使い方

Angular検索フィルター一括削除関数まとめ

以上がangluarjs のフィルターとキーワード関数の置換関数の実装コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート