失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > AngularJs Service-自定义服务

AngularJs Service-自定义服务

时间:2023-06-23 10:56:10

相关推荐

AngularJs Service-自定义服务

在AngularJs中 ,服务是一个函数或对象,可以在你的AngularJs 应用中使用

服务是注册在模块下的

实例1:

<div ng-app="myApp" ng-controller="myCtrl"><p>数字:{{number}}</p><p>十六进制:<b>{{number2}}</b></p><p>十六进制2:<b>{{number|myFormat}}</b></p></div>

JS代码:

//在AngularJs中 ,服务是一个函数或对象,可以在你的AngularJs 应用中使用//在控制器、在过滤器等中都可以使用//AngularJS 内建了30 多个服务。//创建自定义服务var app = angular.module('myApp', []);app.service('hexfay', function () {this.getHex = function (x) {return x.toString(16);}});//要是使用定义的服务,需要再定义控制器的时候独立添加app.value('number', 10);app.controller('myCtrl', function ($scope, number, hexfay) {$scope.number = number;$scope.number2 = hexfay.getHex($scope.number);});//在过滤器中使用服务app.filter('myFormat', function (hexfay) {return function (input) {return hexfay.getHex(input);}});

实例2:

<div ng-app="myApp" ng-controller="myCtrl"><p>数字:{{number}}</p><p>结果:<b>{{number2}}</b></p></div>

JS代码:

//创建自定义服务1var app = angular.module('myApp', []);app.service('addition', function () {this.add = function (x) {return x + 10;}});//创建自定义服务2,调用服务1app.service('multipli', function (addition) {this.getMulti = function (x) {x = addition.add(x);return x * 10;}});//要是使用定义的服务,需要再定义控制器的时候独立添加app.value('number', 10);app.controller('myCtrl', function ($scope, number, multipli) {$scope.number = number;$scope.number2 = multipli.getMulti($scope.number);});

如果觉得《AngularJs Service-自定义服务》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。