AngularJs 服务-$filter

最新推荐文章于 2022-01-14 17:01:08 发布

约德尔蒙

最新推荐文章于 2022-01-14 17:01:08 发布

阅读量238

点赞数

分类专栏： AngularJs

本文链接：https://blog.csdn.net/gyq04551/article/details/55215445

版权

AngularJs 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

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

收藏

觉得还不错? 一键收藏
0
评论
AngularJs 服务-$filter

$filter 服务 <!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。
复制链接

扫一扫