您的位置：首页 > Web前端 > AngularJS

Angularjs自定义服务~使用Module的service方法

2017-10-18 14:07 531 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Angularjs自定义服务~使用Module的service方法</title>
<!--  如同指令一样，系统内置的服务以$开头，自己定义一个服务。定义服务的方式有如下几种：
· 使用Module的factory方法
· 使用Module的service方法
· 使用系统内置的$provide服务

2. service：可以认为是一个类型，只要把属性和方法添加到this对象上即可,不用显式返回什么对象。
它是一个可注入的构造器，在AngularJS中它是单例的，用它在Controller中通信或者共享数据都很合适。
service可以定义基本类型引用类型数据，也可以定义方法  -->
<script type="text/javascript" src="../js/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);

// （1）在当前应用程序app自定义服务：myService
app.service("myService",function(){
this.name = "罗茜";     //自定义name属性添加到this对象上
this.fun = function(){ //自定义一个命名函数
alert("大明星");
};
});

//在控制器myCtrl的作用域中调用服务myService中数据
app.controller("myCtrl",function($scope,myService){
$scope.name = myService.name;
$scope.fun = myService.fun;
});
</script>
</head>

<body ng-app="myApp" ng-controller="myCtrl">
<p ng-click="fun()">{{name}}</p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航