ng-switch是什麼？ 我們可以根據ng-switch去篩選要選擇的內容。 通常我們會和ng-option的下拉選單一起搭配使用。 官方文件Demo： ht...
雖然IT鐵人賽告一段落了，總覺得前端JS框架沒有包含進來，以至於有些Spring MVC的Async的method沒有應用到有點可惜，所以打算繼續學習Angul...
由於我之前待的公司接的案子大多是製作官方網站或是活動網站，想當然耳，一定會遇到製作產品介紹、得獎名單需要利用 table 來製作表格，但相信各位一定都曉得，客戶...
Lo-Dash 是我一個相見恨晚超好用的 library。 (大概 3 個月前才知道它～) Lo-Dash 提供很多我們平常 coding 會用到的工具函式，部...
ui-router is routing framework for AngularJS。 ui-router 不是 AngularJS 原生的 router...
上一回我們用AngularJS完成最基本的加入項目功能，而就Todo List來說，當然有加入，就要有刪除，才能知道事情做完了。 這回的刪除功能，借助Angu...
ng-blur是什麼？ 在angular 1.2版本中，新增blur的監聽事件， 所以務必確認專案的angular版本，若版本較舊，此項指令就沒辦法work。...
再來繼續介紹 directive 屬性吧，補上 初談 directive 順序圖。 (為了教學流暢，介紹順序有點變更。數字不會變！) 8. transclud...
為什麼要與form搭配使用？ 透過angular與form的應用，可以快速處理表單可能會遇到的問題。 小結重點如下： 我們可以在表單上綁定資料，獲取資料內容。...
我是寫 JAVA 出身的工程師。 在開始寫 AngularJS 的時候，我一直以為我了解 AngularJS 的 MVC 架構。 直到...我膝蓋中了一箭......
ng-style是什麼? ng-style是使用angular來直接設定css樣式的指令 基本範例: http://jsbin.com/aGExOfa/1/ed...
isolate scope - 獨立的 scope。 當設定 scope 為 isolate scope 的時候，我們可以確保只給 directive 需要知道...
利於易測試，是AngularJS這個框架的一大特色。 由於AngularJS在MVC的架構設計，加上雙向資料綁定的特色，UI功能和資料結合的相當鬆散，因此不管...
本來要繼續上一篇初談 directive 教學。 可是 scope 實在太重要了，決定要多送 scope 幾篇來講解它。 directive scope 屬性說...
ng-bind-template是什麼？ ng-bind-template就是可以把多個model綁成一個群組，再用ng-bind的方法去綁定。 ng-bind...
ng-mouseover和ng-mouseleave是什麼？ ng-mouseover和ng-mouseleave是angular設定當滑鼠位於元素上方和離開元...
最近的專案才有機會接觸到 form，也瞭解了 form 幫忙做驗證的強大功能。 記錄一些我在開發 form 的經驗跟簡單的 custom validation。...
之前的鐵人文章都是使用 version AngularJS 1.2.x。 今天來介紹 10/13/2014 release 的 AngularJS 1.3 功能...
做專案久了，一定會有需求要顯示從外部來的 HTML 格式。 例如：顯示會員 HTML 格式的留言。 我們不能擔保使用者輸入的資料是絕對安全的。除了靠後端過濾外，...
ng-bind是什麼？ 通常我們會將綁定model名稱放在{{ }}裡面來顯示model的值。 正式開發專案時，有可能會載入很多library， 如果我們載入太...
SEO (Search Engine Optimization) ，搜尋引擎最佳化。 AngularJS 再沒有做任何 SEO 的機制情況下，google 是搜...
在第一次參加 AngularJS 的聚會，就被那將 JSON 資料綁定在 HTML 中，以及即時 input 、 output ，卻沒有寫幾行 code 嚇到了...
延續昨天的介紹，今天來討論 ng-model controller 的兩個 Properties： $viewValue 跟 $modelValue 。 $vi...
簡單介紹一下目前開發 AngularJS 的工具 - gulp。 gulp 是幫助前端開發的工具，幫助我們 complie 語法或優化效能 (minify 或...
在上個範例中，在說明 JSON 資料格式 ng-repeat 的應用時，因為我偷偷地使用了 Twitter Bootstrap ，所以表格變漂亮了。但不能老是跟...
大家好， 我叫 Yvonne。 去年的時候，在連 JavaScript 都還不清楚怎麼用的情況下，開始接觸 AngularJS。 (被我同事挖洞，然後我自己跳下...
今天放鬆點，DEMO 有 MVC 架構的簡單 AngularJS 範例。 強烈建議先看上一篇 AngularJS - MVC 架構 ！ 需求： 幫可愛雪納瑞換...
在這個人人手裏一隻手機，包包一個 ipad 的年代。 multi device website 已經是很多網站的基本需求。 實現 multi device we...
繼續 「AngularJS 結構」的 "依功能分類資料夾”，程式已依照不同的功能放在各自的資料夾底下。 假如讓功能除了分資料夾外，還讓每個功能都有專屬...
在某些情況下，AngularJS 官方提供的 validation 無法滿足我們的需求。 ex: 驗證手機電話號碼、台灣的郵遞區號等。 就是要自己寫 valid...
iamya
joombuopre
葉宇霖
yvonneyu
iThome鐵人賽
看影片追技術