angularjs自定義供應商

2024-04-27 15:05:34

字體：大中小

來源：轉載

供稿：網友

factory()—-函數可以返回簡單類型、函數乃至對象等任意類型的數據一般最為常用

service()—–函數數組、對象等數據

constant()—-value()方法和constant()方法之間最主要的區別是，常量可以注入到配置函數中，而值不行。

value()—–如果服務的$get方法返回的是一個常量，那就沒要必要定義一個包含復雜功能的完整服務，可以通過value()函數方便地注冊服務。

PRovider()—-提供者是一個具有get()方法的對象， $get()方法的對象，$ injector通過調用$get方法創建服務實例。

<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文檔</title> <script src="angular.min.js"></script></head><body ng-app="myApp"><div ng-controller="firstController">{{name}} ##name##</div><script> var m1 = angular.module('myApp',[]); /*providerServices01Provider是使用config 將provider進行配置用法是m1.config（'供應商名+Provider',function(){}）這個可以與controller 一樣的寫法 m1.config（['供應商名+Provider',function(供應商名+Provider){}]）interpolateProvider是另外一種可以吧內容直接放進v中的方式。##可以替換為任何數 */m1.config(['providerServices01Provider','$interpolateProvider', function(providerServices01Provider,$interpolateProvider){ providerServices01Provider.name='張三'; providerServices01Provider.age=50; $interpolateProvider.startSymbol('##'); $interpolateProvider.endSymbol('##'); }]) m1.provider('providerServices01',function(){ //可以在config里面配置的屬性 this.name=''; this.age=''; this.$get=function(){ var that=this; var _name=''; var service={}; service.setName=function(name){ _name=name; } service.getName=function(){ return _name; } service.getConfigName=function(){ return that.name+'age:'+that.age; } return service; } }); m1.service('serviceServices01',function(){ var _name=''; this.setName=function(name){ _name=name; } this.getName=function(){ return _name; } }); m1.factory('factoryServices01',function(){ var _name=''; var service={}; service.setName=function(name){ _name=name; } service.getName=function(){ return _name; } return service; }) console.log(m1); m1.controller('firstController',['$scope','providerServices01','serviceServices01','factoryServices01',function($scope,providerServices01,serviceServices01,factoryServices01){ console.log(providerServices01); console.log(providerServices01.getConfigName()); console.log(serviceServices01); console.log(factoryServices01); $scope.name='張三'; }]);</script></body></html>

創建一個新的自定義供應商

<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../angular.min.js"></script> <script> var myapp=angular.module('myapp',[],function($provide){ //創建一個factory函數直接使用provide直接創建 $provide.service('$service001',function(){ return{ googel:'service' } }) $provide.factory('$factory001',function(){ return{ googel:'這是一條factory產生的對象', goo:'這個對象內有兩條數據' } }) }); myapp.controller('firstController',['$scope','$service001','$factory001',function($s,$service001,$factory001){ $s.name='heihei'; console.log($service001) console.log($factory001) }]) </script></head><body ng-app="myapp"><div ng-controller="firstController"> {{name}}</div></body></html>

provider創建的方法可以看收藏的第一條有介紹兩種方法

上一篇：CSS——選擇器——元素選擇器+后代選擇器

下一篇：Struts2——攔截器(interceptor)