Category: AngularJS

NG筆記10-保安，可以讓Angular這樣算了又算算了又算嗎?

2014-07-02 10:22 PM

16,104

網友kcw問了一個好問題，提到計算型屬性函數出現會重覆執行兩次的現象! 一句話點醒我夢中人，嚇得我屁滾尿流失了魂~~~ 花了點時間研究，才發現原來我學藝不精，一直沒搞通Angular的屬性相依運作原理，時常誤用KO概念思考。謝謝kcw的問題，讓我釐清一塊暗藏地雷的危險地帶。(註: 相依性追...

NG筆記9-visible, disable, css與屬性連動

2014-07-02 07:53 AM

7,671

題目: 使用NG復刻KO範例7 - visible, disable, css繫結 Live Demo <!DOCTYPE html> <html ng-app="sampleApp"> <head...

NG筆記8-初試自訂Directive

2014-06-24 07:43 AM

11,329

實做對象: KO範例6 - 陣列元素的新增/移除事件。 Live Demo <!DOCTYPE html> <html ng-app="sampleApp"> <head&...

NG筆記7-以清單方式呈現資料

2014-06-23 07:00 AM

9,138

MVVM基本功，KO範例4 - 以清單方式呈現資料。 <!DOCTYPE html> <html ng-app="sampleApp"> <head> ...

NG筆記6-動態新增下拉選單選項

2014-06-22 10:11 AM

12,749

復刻對象: KO範例3 - 動態新增下拉選單選項。先示範一個失敗寫法。在KO範例裡，新增選項按鈕不包含在ViewModel範圍內，而是透過jQuery click事件在選項集合新增物件，而選項集合是ko.observabelArray()，KO能感測到新增動作，同步增加下拉選單選項；但同樣做...

NG筆記5-下拉選單

2014-06-21 08:52 AM

16,567

復刻對象: KO範例2 - 下拉選單。在NG，下拉選單(<select>)跟<input>一樣用ng-model="..."建立雙向繫結，如要透過繫結動態產生選項，可用ng-options Directive。ng-options的語法較特別，需...

NG筆記4-單元測試

2014-06-17 07:17 AM

17,743

自動測試是AngularJS架構的重要一環，官方文件有專章討論單元測試，程式庫則有ngMock提供單元測試所時的DI及Mocking(假物件模擬)支援。本篇將討論如何在Visual Studio 2013對Controller及ViewModel進行單元測試。開始之前，Visual Stud...

NG筆記3-使用TypeScript

2014-06-16 10:47 PM

36,366

用Angular維護的SPA專案重頭戲都在前端，為避免JavaScript愈寫愈亂，失控長成哥吉拉的災難上演，決心在專案改用TypeScript，期望靠著強型別編譯檢查保平安。這裡就以上一篇文章的簡單NG程式為例，示範如何用Visual Studio 2013 Update 2 + TypeScr...