AngularJs模块加载配置块

亦凉 2022-07-12 07:06 211阅读 0赞

<!DOCTYPE html>  
    <html lang="en" ng-app="App">  
    <head>  
        <meta charset="UTF-8">  
        <title>AngularJS 模块加载之 配置快</title>  
    </head>  
      
    <body>  
        <div ng-controller="DemoController">  
            <h1>{
       {now}}</h1>  
            <h2>{
       {str|capitalize}}</h2>  
        </div>  
        <script src="../libs/angular.min.js"></script>  
        <script>  
            var App = angular.module('App', []);  
      
            // 配置$log服务(禁用debug)  
            // config 允许一次配置多个服务快 传递的一个数组（依赖注入方式）  
            App.config(['$logProvider', '$filterProvider', function ($logProvider, $filterProvider) {  
      
                // $log.debug(); 禁用debug功能  
                $logProvider.debugEnabled(false);  
      
                // 默认9个过滤器，通过配置可以新增一些过滤器  
                $filterProvider.register('capitalize', function () {  
                    // 新增一个过滤器  
                    return function (input) {  
                        return input[0].toUpperCase() + input.slice(1);  
                    }  
      
                });  
      
            }]);  
      
            App.controller('DemoController', ['$scope', '$log', function ($scope, $log) {  
                // 测试配置后的结果  
                $log.debug('调试');  
    //          $log.warn("警告");  
                $scope.str = 'hello angular';  
            }]);  
      
      
        </script>  
      
    </body>  
    </html>