<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="libs/angular.min.js"></script>
<script>
//依赖注入 --- 通过1>factory创建服务 2>service创建的服务 3>provider创建的服务 --->服务可以被注入到控制器中使用
//provider创建的服务--->在控制器使用之前,可以对服务做些用户名的默认值
angular.module("myApp",[])
.provider("wenhao",function(){ //provider创建服务的时候必须含有$get------greet服务名---->同时向系统注册greetProvider(在使用服务之前,可以为服务做些初始化)
var uname="客人";
//提供set方法来来个uname的值
return{
setName:function(vname){
uname=vname;
},
//定义局部变量
//注入provider服务时,底层会寻找$get,寻找不到会报错
$get: function(){
return{
sayHello:function(){
alert(uname+"你好");
}
}
}
}
})
//配置 服务的初始化参数
.config(function(wenhaoProvider){
wenhaoProvider.setName("老师");
})
.controller("democ",["$scope","wenhao",function($scope,wenhao){
$scope.say=function(){
wenhao.sayHello();
}
}])
</script>
</head>
<body ng-app="myApp">
<p ng-controller="democ">
<button ng-click="say()" >点击</button>
</p>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="libs/angular.min.js"></script>
<script>
//依赖注入 --- 通过1>factory创建服务 2>service创建的服务 3>provider创建的服务 --->服务可以被注入到控制器中使用
//provider创建的服务--->在控制器使用之前,可以对服务做些用户名的默认值
angular.module("myApp",[])
.provider("wenhao",function(){ //provider创建服务的时候必须含有$get------greet服务名---->同时向系统注册greetProvider(在使用服务之前,可以为服务做些初始化)
var uname="客人";
//提供set方法来来个uname的值
return{
setName:function(vname){
uname=vname;
},
//定义局部变量
//注入provider服务时,底层会寻找$get,寻找不到会报错
$get: function(){
return{
sayHello:function(){
alert(uname+"你好");
}
}
}
}
})
//配置 服务的初始化参数
.config(function(wenhaoProvider){
wenhaoProvider.setName("老师");
})
.controller("democ",["$scope","wenhao",function($scope,wenhao){
$scope.say=function(){
wenhao.sayHello();
}
}])
</script>
</head>
<body ng-app="myApp">
<p ng-controller="democ">
<button ng-click="say()" >点击</button>
</p>
</body>
</html>