小雕雕的家

前言 :  

這篇寫超久的，大概超過三個禮拜了吧，有點忙啊!

學了那麼久的 AngularJS (學得很慢) 終於學到感覺比較有趣的表單驗證啦!

所以這一篇主要是要來紀錄學習心得 + 如何在網頁表單中使用 AngularJS 來做資料驗證

驗證的話，AngularJS 搭配 HTML5 的一些屬性就可以做到很強大的表單驗證與提示了

目前大部分使用者的瀏覽器幾乎都可接受 HTML5 了，ie9 以下的瀏覽器應該也很難找到

所以使用 HTML5 做驗證應該不是太大的問題

前言 :

寫東西一定要有前言的 XD 上課心得也是一樣

我這次上的課叫做 "《台北》AngularJS 開發實戰：新手入門篇" 老師是 will 保哥

http://miniasp.kktix.cc/events/dct-104013

一直以來都是自學 AngularJS，所以有些簡單的 code 寫得出來但是不知道背後原理到底是什麼

所以應用上覺得超困難的，綁手綁腳...看別人的 code 覺得超簡單超簡潔，但是換了自己就寫不出來 冏

而且jQuery 用習慣了實在很難轉到 AngularJS，因此昨天去上了保哥的課覺得獲益良多

這篇主要是要來學習 angularjs 的單元測試方式，其實本來想拖到最後面再來學的

但是不管是看AngularJS 官網還是看書，照步驟的話單元測試都是在前幾章.....orz

所以就先硬著頭皮學一下....但學完之後才發現其實還蠻簡單，建立個測試花不了多少時間

不過因為我是用 .net 所以這篇要學的是如何用 visual studio 對 angularjs 做單元測試

不是用 .net 可以參考官網

官網 : https://docs.angularjs.org/guide/unit-testing

反正語法都一樣是 jasmine，只有環境建置不太一樣

這篇實在寫太久了.....學得十分緩慢，雜事實在太多....

但有學到總是好的，所以照慣例記錄一下學習心得

以下開始前言 : 

ng-repeat 這個 directive 前幾篇有偷用過很多次了~

這篇要來學習的是 ng-repeat 的一般與進階用法，還有使用時的注意事項

然後這篇決定將程式碼上色一下，不然有點難閱讀....= =

雖然文章不長，但一樣有目錄喔

1. 直接在 controller 上綁定 class name

2. 使用 ng-class 

3. 使用 ng-style 

這次要介紹的是使用 AngularJS 改變 CSS Class 的方法

前端網頁常常會有個需求，就是需要動態變更 CSS 的樣式來達到動畫效果

或是需要動態變更 CSS 樣式的邏輯是寫在 js 裡面

實在太久沒寫 AngularJS 學到的東西...因為最近要學的東西實在太多 XD

這篇主要是要記錄與說明所學到 AngularJS 在載入頁面時的運作流程

與因應流程改善使用者體驗的 ng-cloak 這個 directive 

一樣是屬於基本的初學者範圍

首先AngularJS 運作的流程如下 : 

1. 載入 HTML文件，觸發相關的檔案請求 (js、css...等) 

因為pixnet 的文章編輯有些問題所以第二篇一直難產，有時打了 {{  }} 會直接消失

回報之後到現在過了一個禮拜還沒找到問題，只好先直接發布了

=================================================

繼上一篇學習了 AngularJS 的架構、表達式、Controller、Module 的用法

這次要來玩玩看內建的指令 (Directive) 

Directive 的官方說明在此

https://docs.angularjs.org/guide/directive

廢話前言：

說教學有點那個，但是它的確可以幫助跟我一樣的初學者慢慢進入AngualrJS的世界

因為我就是初學者啊

然後這篇實在是寫超久的....

因為開發時程的關係，而且jQuery 還是比較熟，所以工作上還沒辦法改用AngularJS

然後就斷斷續續的有空玩一下玩一下，轉眼間就已經是去年五月的事了，已經八個月 = =

去年五月就開始寫了啊~~~難產到這個地步