Category Archives: AngularJS

[AngularJS]Module

AngularJS 中的 模組(Module) 顧名思義就像是遊戲中的裝備一樣,除了可以自訂之外也可以拿別人寫好的 Module 嵌到自己的網頁使用

一般基本 Controller 用法 HTML

Javascript

這個功能很簡單,其實就是輸入年紀時會同步顯示你幾歲

改寫成自訂Module module.js

HTML(注意:記得使用ng-app 加入module)

Continue Reading

[AngularJS]AngularJS 初探

AngularJS 是最近很火紅的一套 Framework 相較於 jQuery 直接操作 DOM 物件的作法,AngularJS 是直接透過 Directives 延伸 HTML 的能力

AngularJS 有幾個比較大的特性

雙向資料連結(Two Way Data-Binding) Module MVC Dependency Injection Directives

先說明一下 AngularJS 的 Dependency Injection 和 Directives。 DI(Dependency Injection) 的特性就是讓你的程式不要直接相依到實體,以 AngularJS 中可以很常遇到傳入 $http,$scope等物件,但傳入順序交換沒關係,主要是因為這些都是由 AngularJS 利用 DI 特性在執行時才會依照註冊的名字傳入實體物件。

而 Directives 則是宣告式語法,在 AngularJS 中透過宣告式語法來擴充 HTML 的功能

運作流程 Angular 運作步驟 1. 最一開始會先建立一個用來作 dependency injection 的 …

Continue Reading