AngularJS 配置内置服务(config())

最新推荐文章于 2020-12-01 14:31:16 发布

houyanhua1

最新推荐文章于 2020-12-01 14:31:16 发布

阅读量4.1k

点赞数

分类专栏： AngularJS 文章标签： angularjs 配置 config

本文链接：https://blog.youkuaiyun.com/houyanhua1/article/details/80155507

版权

AngularJS 专栏收录该内容

30 篇文章

订阅专栏

本文介绍如何使用AngularJS创建简单应用，通过配置$log服务禁用debug输出，并演示了控制器中$log服务的基本使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

demo.html：

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>AngularJS</title>  
    <script src="angular.min.js"></script>  <!-- 引入AngularJS框架 -->  
</head>  
<body ng-app="App">  
    <div ng-controller="DemoController">
    </div>
    <script>  
        var App = angular.module('App',[]);

        // 每个内置服务都有一个对应的provider,可以通过provider配置服务。
        // config配置服务(模块)  []表示依赖注入(可以注入多个依赖,同时配置多个服务)
        App.config(['$logProvider',function($logProvider) {
        	$logProvider.debugEnabled(false);  // 关闭$log的debug功能。
        }]);

        // 控制器
        App.controller("DemoController",['$scope','$log',function($scope,$log) {
        	$log.log('可以打印');
        	$log.debug('可以调试');  // 浏览器中查看配置是否生效
        }]);
          
    </script>  
</body>  
</html>