配置塊
[圖片上傳失敗...(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>
