AngularJS – angular.Module常用API

以下介紹angular.Module幾個常用的API,更多方法請至官網查看:http://docs.angularjs.org/api/angular.module

A. angular.module: 給前端ng-app用的模組產生器函數。用法:angular.module(name[, requires], configFn); 回傳值:angular.Module

PS: [requires]通常包括:’name.filters’, ‘name.services’, ‘name.directives’

B. angular.Module API介紹:

1.config(configFn): 設定時期的函數區塊configFn(injectables)。injectables是一些provider, 例如: $routeProvider

2.run(initializationFn): 所有module都載入後初始的執行區塊initializationFn(injectables)。 injectables是一些變數, 例如: $rootScope

3.value(name, object): 設定service的key-value。例如: value(‘version’, ‘0.1’)

4.factory(name, providerFunction): 跟service方法類似,但可以回傳更複雜的Object。例如: factory(‘getNum’, function(){return 123;})

5.filter(name, filterFactory): 專門做過濾的factory類型,用|接前端的param變數。例如:app.filter(‘greet’, function() {

return function(param) {
return ‘Hello, ‘ + param+ ‘!’;
};

});

6.directive(name, directiveFactory): 用法見之前文章

Configuration Blocks: (一般config的縮寫)

  1. angular.module(‘myModule’, []).
  2. value(‘a’, 123).
  3. factory(‘a’, function() { return 123; }).
  4. directive(‘directiveName’, …).
  5. filter(‘filterName’, …);
  6. // is same as
  7. angular.module(‘myModule’, []).
  8. config(function($provide, $compileProvider, $filterProvider) {
  9. $provide.value(‘a’, 123);
  10. $provide.factory(‘a’, function() { return 123; });
  11. $compileProvider.directive(‘directiveName’, …);
  12. $filterProvider.register(‘filterName’, …);
  13. });

factory, service, provider(value) 之間的差異

http://stackoverflow.com/questions/16565105/angularjs-what-is-difference-of-creating-service-method-between-module-service-a

廣告
發表留言

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

%d 位部落客按了讚: