當初評估由KO轉換成NG,與Kendo UI的整合度也是重要考慮依據,KO有社群發展的knockout-kendo可用,Kendo UI則是Kendo UI Labs Team推出Angular Kendo UI,雖然未納入正式官方支援,但可算是經官方認可的程式庫。 關於Angular Ken...

練習用NG實現KO範例10 - checked繫結 Live Demo <!DOCTYPE html> <html ng-app="sampleApp"> <head> <meta charset="utf-8"> <title...

使用NG復刻KO範例9 - 事件繫結 Live Demo <!DOCTYPE html> <html ng-app="sampleApp"> <head> <meta charset="utf-8"> <title>Lab...

前篇介紹過ng-if,動態決定是否產生DOM區塊,NG還有另一項工具 – ngSwitch! <!DOCTYPE html> <html ng-app="sampleApp"> <head> <meta charset="utf-8"> ...

TypeScript是強型別的世界,透過預先宣告物件、屬性、方法、介面,在編輯階段提供Intellisense提示、Go Definition、Find All References、Rename... 等編譯式語言才有的功能,而編譯時可預先抓出參數、型別、方法錯誤,降低執行階段發現修復的高昂成...

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

接獲報案,在Visual Studio 2012若建立HTML Application with TypeScript專案(如下圖),.ts可順利產生.js及.js.map,運作正常。 但是若建立的是一般ASP.NET網站專案(Visual C#/Web下的項目),可以新增及編輯.ts,編...

第16馬,石碇馬拉松。 馬拉松是一種運動,夏天的馬拉松是一種"極限運動",在夏天跑山路馬是一種"燃燒生命的極限運動"... Orz 當石碇馬拉松的簡章出來,明知是盛夏,明知有爬不完的山路,衝著石碇離家不遠,又是七小時關門,手一滑就報了名。老早報好名,...

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

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