angular服务——$myFactory

Cf1035630950

于 2017-12-12 19:29:05 发布

阅读量225

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Cf1035630950/article/details/78785180

本文介绍了一个使用AngularJS框架创建工厂模式的具体示例。通过这个示例，开发者可以了解到如何利用AngularJS的$factory服务来封装数据和方法，并在控制器中调用这些方法来展示数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="js/angular.js" ></script>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$myFactory){
$scope.name=$myFactory.name;
$myFactory.setAge(20);
$scope.age=$myFactory.getAge();
});
app.factory("$myFactory",function(){
var student={};
student.name="张三";
student.setAge=function(newAge){
age=newAge;
}
student.getAge=function(){
return age;
}

return student;
});

</script>
<title></title>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>姓名：{{name}} 年龄：{{age}}</p>
</body>
</html>