Angular 自定义过滤器

2024-04-10 00:59•Android•阅读 1026

<!DOCTYPE html>
<html ng-app="myApp">
<head >
  <meta charset="UTF-8">
  <script src="js/angular.js"></script>
  <title></title>
</head>
<body>
<div ng-controller="myCtrl">
  <h1>{{name | myUppercase}}</h1>
</div>
<script>
  var app = angular.module('myApp', ['ng']);
  //创建自定义的过滤器
  app.filter('myUppercase', function () {
    return function (value) {
      //实现对输入的处理
      //返回，显示出来
      return value.toUpperCase();
    }
  });
  app.controller('myCtrl', function ($scope) {
    $scope.name = "Jack";
  })
</script>
</body>
</html>

上一篇 »PHP-过滤器-连接数据库-解析XML
下一篇 »Angular过滤器自定义及使用方法