angular js自定义service的简单示例
Posted 技术让世界更精彩
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angular js自定义service的简单示例相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="../materialDesignfile/angular.min.js"></script>
<script>
(function (angular) {
"use strict";
angular.module("myApp",[])
//自定义service层。
.service(‘myService‘,function () {
var name=‘ouyangfeng‘;
this.getName=function () {
return name;
}
this.add=function (x,y) {
return x+y;
}
})
//把service注入到controller层。
.controller("myCtrl",[‘$scope‘,‘myService‘,function ($scope,myService) {
$scope.sixi=function () {
alert(myService.getName());
}
$scope.village=function () {
alert(myService.add(3,5));
}
}])
})(window.angular);
</script>
<div ng-app="myApp" ng-controller="myCtrl" ng-cloak>
<button ng-click="sixi()">sixi</button>
<button ng-click="village()">village</button>
</div>
</body>
</html>
以上是关于angular js自定义service的简单示例的主要内容，如果未能解决你的问题，请参考以下文章
[Angular Tutorial] 13 -REST and Custom Services