與KO相比,NG的內建資料驗證功能強大許多。先看示範: 載入網頁時欄位均為白底,輸入資料後會觸發檢核,輸入值有效呈現綠底,不合要求則為紅底。變色關鍵來自以下CSS設定,NG會在使用者輸入資料後新增ng-dirty class,依檢核成功或失敗加上ng-valid或ng-invalid: ...

KO是用ko.computed()及subscibe()追蹤ViewModel屬性變動做出反應,在NG中則可透過$scope.$watch()實現,寫法為$watch(觀察對象, 連動函式, 值比對開關)。 觀察對象可以是字串或函式,使用字串時完全比照data-bind="propN...

第19馬,葡萄馬連續參加第三年,葡萄依舊香甜,原住民朋友熱力不減。      早上四點多到接駁車集合點,現場不見任何跑友侯車,心頭一驚,莫非我搞錯時間或記錯地點?原來遊覽車已到,司機大哥讓跑友上車等發車,虛嚇一場。清晨交通順暢,不到六點就抵達目的地-...

範本(Template)是MVVM的基本功能之一,與KO相比,NG的範本功能多了將範本存在外部HTML檔的彈性。開始前,先回味本次復刻對象: KO範例13 - Template範本功能。 先前介紹過的ng-repeat Directive已內含範本概念,例如: <tr n...

ASP.NET WebApi 內建跨網域支援(參考:進擊的 ASP.NET Web API 2 巨人 – 打造支援各種裝置及平台的服務 - MSDN 台灣部落格 ),但基於專案的特殊需求,最後我還是決定自己寫 CORS 支援。 程式在 IIS Express 測試正常,搬到 IIS 後部分呼叫正...

Evernote 5.5.3 版執行時自動更新提示升級成 5.6.4 版,安裝程式要求先移除 5.5.3,但移除時出現找不到 Evernote.msi 錯誤。試著由「控制台\所有控制台項目\程式和功能」移除,一樣出現找不到Evernote.msi 錯誤,卡在舊版移不掉,新版裝不了的尷尬處境。 ...

9/24 US-CERT、RedHat及多家資安業者揭露一則消息:Bash 存在嚴重安全漏洞。 Bash Shell 從 2004 年 7 月起存在一個安全漏洞,允許環境變數設定指令夾帶惡意指令被一併執行。當今世界上運作中的 Linux / *nix 系統(連 Mac OS 也算)的數量驚人,...

Scotte Hanselman 前陣子寫了一篇文章,提到 Visual Studio 開始支援 Gulp、Grunt、Bower 以及 npm!一些寫 ASP.NET 的朋友,看到文章標題,心中的OS八成是「阿鬼,你還是說國語吧!」這些是什麼妖怪,為什麼我通通沒聽過? 雖然之前學 NG 時試...

為確認網頁在行動裝置能正確呈現,拿了 Nexus 7 平板來做實驗,打算搞個遙控程式在電腦顯示平板畫面,要抓畫或展示比較方便。上網找了一遍,圖文並茂的教學文有好數篇,得知有個 Android Screen Monitor 不用 root 能輕鬆實現。照著步驟演練,開好 USB 偵錯也接了線,連線...

微軟的老牌技術傳教士 John Papa 前些時候寫了一份 Angular 開發風格指南,近來打算在專案正式使用 AngularJS,便花了點時間詳讀,特筆記備忘兼分享。 先聲明一點:「開發風格」並無對錯可言,不同做法各有優劣,開發團隊可自行評估利害,取得共識維持一致即可。故文件所提並不是唯一正...

接獲同事報案,在 Visual Studio 2013 發生修改 SCSS 後未更新 CSS 的狀況,檢查確認 WebEssentials 已設定成存檔後編譯(如下),重啟 VS2013 問題未排除。 最後想到一個可能,SCSS 有錯導致編譯失敗,因而沒更新 CSS。回頭檢視 SCSS,果...

小學一年級生數學題目一枚: 請從 1 - 10 取出 4 個數字,4 個數字不可重複,總和必須為 15。例如:1, 2, 3, 9。 答案紙有七組空格,嘗試排列組合卻只能找到六組,小朋友心靈受挫,也成了大人間的討論話題。大家紛紛手算,「只有六組解」幾乎已成共識。但,程式魔人壓根沒算,...

前陣子將一個中型網站的 JavaScript 翻寫成 TypeScript,轉換完數千行程式。身為 TypeScript 魯雞(Rookie),少不了一段步步踩雷、天天摔坑的日子,接著就漸入佳境,轉換後體驗到按  F2 立即更名、-調介面便知哪些地方要改的便利,令人感動不已。這段時間累...