AngularJs 服务-$filter

短命女 2022-07-12 07:06 224阅读 0赞

<!DOCTYPE html>  
    <html lang="en" ng-app="App">  
    <head>  
        <meta charset="UTF-8">  
        <title>$filter 服务</title>  
    </head>  
      
    <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 条评论，224人围观）

还没有评论，来说两句吧...

相关阅读

相关 AngularJS——Filter (2)

Filter的用法选择包含Filter后字符串的内容，如 <p> \{ \{ \['苹果', '蛇果', '栗子', '葡萄', '香蕉', '柠檬'\] | fil

不念不忘少年蓝@/ 2022年08月08日 06:57/ 0 赞/ 179 阅读

相关深究AngularJS——过滤器（filter）

写这个的目的是希望能学会如何在指令里加入自己的过滤器。 1.关于过滤器你需要了解这些 1.过滤器的作用：是将我们的现有的数据进行处理，比如重排序、转换大小写、计

约定不等于承诺〃/ 2022年07月24日 05:19/ 0 赞/ 237 阅读

相关 Angularjs filter过滤器以及自定义filter过滤器

1. Angularjs filter过滤器 1. uppercase，lowercase大小转换 <table style="word-wr

妖狐艹你老母/ 2022年07月17日 00:21/ 0 赞/ 294 阅读

相关 angularjs服务

<!DOCTYPE html> <html ng-app="app"> <head> <title>dd</title> <scri

- 日理万妓/ 2022年07月15日 01:59/ 0 赞/ 193 阅读

相关 AngularJs 服务-$filter

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <meta cha

短命女/ 2022年07月12日 07:06/ 0 赞/ 225 阅读

相关过滤查询filter angularjs

find.html [?][Link 1] <table style="border-collapse:collapse; border-spacing:0px; bord

小灰灰/ 2022年06月05日 00:39/ 0 赞/ 272 阅读

相关 Angularjs 服务

AngularJS 服务(Service)：www.runoob.com/angularjs/angularjs-services.html AngularJS 内建了30

「爱情、让人受尽委屈。」/ 2022年05月21日 04:50/ 0 赞/ 259 阅读

相关 AngularJS Emoji Filter

AngularJS Emoji Filter 详细介绍 AngularJS Emoji Filter 是 [AngularJS][] 的过滤器，用来替换 emoji 表情代码

谁践踏了优雅/ 2022年05月19日 12:49/ 0 赞/ 196 阅读

相关 AngularJS Emoji Filter

AngularJS Emoji Filter 详细介绍 AngularJS Emoji Filter 是 [AngularJS][] 的过滤器，用来替换 emoji 表情代码

太过爱你忘了你带给我的痛/ 2022年05月19日 12:49/ 0 赞/ 172 阅读

相关 AngularJS过滤器filter

　　在开发中，经常会遇到这样的场景：　　如用户的性别分为“男”和“女”，在数据库中保存的值为1和0，用户在查看自己的性别时后端返回的值自然是1或0，前端要转换为“男”或“女

ゝ一纸荒年。/ 2022年04月06日 10:48/ 0 赞/ 262 阅读