recherche

Maison  >  Questions et réponses  >  le corps du texte

angulaire.js - Comment filtrer les caractères spéciaux dans une zone de texte dans AngularJS?

Comment angulairejs filtre-t-il les caractères spéciaux contenus dans le contenu d'entrée de la zone de texte ?

PHPzPHPz2838 Il y a quelques jours701

répondre à tous(1)je répondrai

  • 天蓬老师

    天蓬老师2017-05-15 16:53:44

    Définissez vous-même un filtre

    Par exemple :

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    28

    29

    30

    <code>html</code><code><body ng-app="app">

        <p ng-controller="main">

            <textarea ng-model="val" ng-change="cg()"></textarea>

            <p>

                原始值:<pre>{{val}}</pre>

                在HTML中使用过滤器显示的值:<pre>{{val | replaceCode}}</pre>

                过滤后的值:<pre>{{replacedVal}}</pre>

            </p>

        </p>

        <script type="text/javascript">

        var app = angular.module('app', []);

     

        app.controller('main', ['$scope', 'replaceCodeFilter', function($scope, replaceCodeFilter){

            // 注意这里 可以等到你真正的需要取值的时候再去调用就可以了

            // 这里只是为了演示 所以加了 on-change

            $scope.cg = function() {

                $scope.replacedVal = replaceCodeFilter($scope.val);

            };

     

        }]);

     

        app.filter('replaceCode', function() {

            return function(val) {

                if (!val) val = '';

                return val.replace(/[#$%^&*!]/g, '');

            }

        });

        </script>

    </body>

    </code>

    répondre
    0
  • Annulerrépondre