配置块
[图片上传失败...(image-c11442-1535601945734)]
AngularJS模块可以在被加载和执行之前对其自身进行配置。我们可以在应用的加载阶段配置不同的逻辑。
通过config方法实现对模块的配置,AngularJS中的服务大部分都对应一个“provider”,
用来执行与对应服务相同的功能或对其进行配置。比如http、logProvider、locationPorvider。
通过模块配置来给任何服务添加新的功能.包括给内置服务添加功能.
$log.info('普通信息');
$log.warn('警告信息');
$log.error('错误信息');
$log.log('打印信息');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body ng-app="app" ng-controller="skController">
<!--<p>{{str | uppercase}}</p>-->
<p>{{str | firstUppcase}}</p>
</body>
<script src="angular.js"></script>
<script>
//1.创建模块
var app = angular.module('app', []);
//2.创建控制器
app.controller('skController', ['$scope', '$log', '$filter',function ($scope, $log, $filter) {
$log.info('普通信息');
$log.warn('警告信息');
$log.error('错误信息');
$log.log('打印信息');
$log.debug('调试信息debug');
$scope.str = 'sk666';
}]);
//3.绑定模块 ng-app='app'
//4.绑定控制器
/**
所有服务都配置在app.config当中进行
每一个服务都对应一个provider
*/
app.config(['$logProvider', '$filterProvider',function ($logProvider, $filterProvider) {
//关闭debug
$logProvider.debugEnabled(false);
//给内置服务filer 添加首字母大写 功能
$filterProvider.register('firstUppcase', function () {
return function (input) {
return input[0].toUpperCase() + input.slice(1);
}
});
}]);
</script>
</html>