<title></title>
<script type="text/javascript" src="../../angular/angular.js" ></script>
<script>
var a = 20;
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$myFactory){
$scope.name = $myFactory.name;
//$scope.age = $myFactory.age;
$scope.newAge;
$scope.fun = function(){
$myFactory.setAge($scope.newAge);
$scope.age = $myFactory.getAge();
}
});
//通过调用factory函数自定义服务
/*app.factory("$myFactory",function(){
var student = {};
student.age = a;
student.name = "张三";
return student;
});*/
//通过调用factory函数自定义服务
app.factory("$myFactory",function(){
var student = {};//创建一个空对象,返回这个对象
var age;//定义随便一个私有变量
//给student对象设置方法,这个方法可以直接被student对象调用。
//通过操作这个方法,操作私有化变量。
student.setAge = function(newAge){
age = newAge;
}
student.getAge = function(){
return age;
}
student.name = "张三";//直接给对象属性赋值,赋好的值,可以直接通过对象名.属性名获取。
return student;
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="number" ng-model="newAge"/>
<button ng-click="fun()">点击查看年龄</button>
{{name +":"+age}}
</body>
<script type="text/javascript" src="../../angular/angular.js" ></script>
<script>
var a = 20;
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$myFactory){
$scope.name = $myFactory.name;
//$scope.age = $myFactory.age;
$scope.newAge;
$scope.fun = function(){
$myFactory.setAge($scope.newAge);
$scope.age = $myFactory.getAge();
}
});
//通过调用factory函数自定义服务
/*app.factory("$myFactory",function(){
var student = {};
student.age = a;
student.name = "张三";
return student;
});*/
//通过调用factory函数自定义服务
app.factory("$myFactory",function(){
var student = {};//创建一个空对象,返回这个对象
var age;//定义随便一个私有变量
//给student对象设置方法,这个方法可以直接被student对象调用。
//通过操作这个方法,操作私有化变量。
student.setAge = function(newAge){
age = newAge;
}
student.getAge = function(){
return age;
}
student.name = "张三";//直接给对象属性赋值,赋好的值,可以直接通过对象名.属性名获取。
return student;
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="number" ng-model="newAge"/>
<button ng-click="fun()">点击查看年龄</button>
{{name +":"+age}}
</body>