AngularJs 服务之$filter

来源：互联网发布：vb.net如何连接数据库编辑：程序博客网时间：2024/06/06 00:52

<!DOCTYPE html><html lang="en" ng-app="App"><head><meta charset="UTF-8"><title>$filter 服务</title></head><!--服务:服务是一个对象或函数，对外提供特定的功能.内建服务:1: $location是对原生Javascript中location对象属性和方法的封装。2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。3: $filter在控制器中格式化数据。4: $log打印调试信息5: $http用于向服务端发起异步请求。6: 同时还支持多种快捷方式如$http.get()、$http.post()、$http.jsonp。--><body><ul ng-controller="DemoController"><li>价格: {{price}}</li><li>大写：{{str}}</li><li>截取: {{str1}}</li></ul><script src="../libs/angular.min.js"></script><script>var App = angular.module('App', []);// $filter是过滤器App.controller('DemoController', ['$scope', '$filter', function ($scope, $filter) {// $filter是九种过滤器中任何一个$scope.price = 11.11;var currency = $filter('currency');$scope.price = currency($scope.price);$scope.str = 'hello angular';var uppercase = $filter('uppercase');$scope.str = uppercase($scope.str);$scope.str1 = $filter('limitTo')($scope.str, 2);}]);</script></body></html>

0 0