Angular 前端工程

AngularJS (2)

商業,創業,美食,葡萄酒,閱讀,網路科技。

這是我的 FB粉專 以及 IG,我比較常使用 Threads,歡迎大家追蹤互動~

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粉專 以及 IG,我比較常使用 Threads,歡迎大家追蹤互動~