todomato學習筆記

一點想法:

在學習使用AngularJS時，他的觀念跟jQuery真的很不一樣，jQuery主要操作DOM的行為，而ng是用model思維角度出發，要說他更抽象嗎? 但了解觀念後好像反而更直覺了，而且ng的 DI設計讓我們可以一直擴充自己與第三方的套件，真的很便利!!

 

 

資源分享與記錄:

 

1.表單Table使用SmartTable : github

特色 :

1. .彈性高，只要在自己撰寫的table上加上class即可產生排序、分頁等功能
2. .範例清楚好上手，也有提供service-side的排序分頁搜尋等範例
3. .輕量化

缺點 :

1. .功能只能在table上運做，如果要抽離table，如搜尋，需要自己撰寫directive

 

 

2.頁面導向使用angular-ui-router : github

與內建angular route差異 :

AngularJS : Difference between angular-route and angular-ui-router

特色 :

1. .導頁具有階層關係，可用來建立layout頁面
2. .使用$stateParam傳遞參數，僅需在View導頁寫上傳遞的json格式及可

 

 

3.功能面資源 :

1. 自訂filter : Convert boolean value to yes/no by angular directive
2. 下拉選單 : 搞懂 AngularJS 預設模組 select 標籤的 ngOptions 參數用法
3. 表單動態新增欄位 : Dynamic addition and removal of collection-bound items in an HTML form with Angular.js and Rails

 

 

4. 表單驗證 :

1. 前端驗證介紹 FormController 的表單驗證與資料檢查
2. 後端驗證處理(mvc) Handling Validation Errors with AngularJS and ASP.NET MVC

 

 

 

Q&A :

1. 表單的ng-click為什麼一直觸發html的required?

A. 可能是ng-click的button type 沒有填寫，預設是”submit ”！

 

 

相關參考資源 :

1. 官網

2. AngularJS 初學者筆記與教學系列

3. The Will Will Web

4. stackoverflow

5. 其他資源