码迷,mamicode.com
首页 > Web开发 > 详细

angular js自定义service的简单示例

时间:2017-10-05 12:22:13      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:str   script   lang   click   charset   file   lag   tle   注入   

<!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的简单示例

标签:str   script   lang   click   charset   file   lag   tle   注入   

原文地址:http://www.cnblogs.com/1540340840qls/p/7628789.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!