<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自定义服务其他的方式</title>
<script src="day2/src/angular.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div ng-app="fristApp">
<div ng-controller="fristController">
<button ng-click="clickFun()"></button>
</div>
<input type="checkbox" ng-model="switch"/>
<div style="width: 100px; height: 100px; background: red;" ng-if="switch" ng-controller="secondController">
</div>
</div>
</body>
<script type="text/javascript">
var myApp = angular.module('fristApp',[]);
// app的配置方法,在这里得到$provide
// 这种定义服务方式经常用来进行页面之间的传值
// config函数中只使用provider服务
myApp.config(function($provide){
$provide.provider('myServer',function(){
var server = {};
var _name = '';
server.setName = function(name){
_name = name;
};
server.getName = function(){
return _name;
};
this.$get = function(){
return server;
}
})
})
myApp.controller('fristController',function($scope,myServer){
console.log(myServer);
$scope.clickFun = function(){
console.log(myServer.getName())
}
});
myApp.controller('secondController',function($scope,myServer){
myServer.setName("fujichao");
})
</script>
</html>