Angular 前端工程

AngularJS (2)

FB公開社團 Larry的午茶時光
加入不需審核,歡迎讀者加入~
我的IG帳號: larry.time.taste。剛剛起步,歡迎大家追蹤~

1. 開發環境 Sublime, install AngularJS and AngularJS Snippets
2. Use ex: “myCtrl as m” and then use m.ooo, m.xxx in html. 利用這方式在 html 提供一個 scope, 這樣 controller 和 child controllers 的變數就不會混淆.
3. 不管在 parent/child controller 注入 $scope 設定變數 ex: $scope.name = “ABC”, name 變數是屬於整個 module 的 (不屬於個別 controller scope), 因為 $scope 是 global singleton.
4. html 中在 child controller 範圍可以拿到 parent controller 的變數 (當然 parent 不能拿 child controller 的變數)
5. value, factory, service, provider 的關係. Refer to Anuglar source “// $provider” block. 基本上都是 provider 的不同包裝, 階層關係是 value, service -> factory -> provider.
provider 必須定義 this.$get, which returns an object in it.
factory directly returns an object.
service 有更強的物件化, ex: this.prop1 = “ooo”, this.prop2 = “xxx”
value 是最簡化的包裝.

6. Services 可以在 angular.module.config 初始化, 在 angular.module.run 指定給 $rootScope. 或是注入 controller 指定給 controller member.

7. 如何從 view (html) 觸發 service? 對於 native javascript, button handler 裡 $injector.get(‘service_name’) 可以拿到 service object. 另外 ng-click handler 可以調用 controller scope 底下的 function, 在 controller 中可以指定 service function 為 controller scope 底下的 function.

FB公開社團 Larry的午茶時光
加入不需審核,歡迎讀者加入~
我的IG帳號: larry.time.taste。剛剛起步,歡迎大家追蹤~