knockout 動態JS MVVM pattern

一款輕量的 Model-View-View Mode Patten 的 Web Framework, 藉由擴充 tag 屬性 data-bind 來讓設計者方便將js資料控制,操作與呈現. 與 AngularJS 有同樣pattern. 使用參考
利用js取回 json資料裝載至 koItem

var koItem = null;//全域變數
$.post(tarURI, { mode: 'Detail', id: row.XH },
    function (data) {
        if (koItem == null) {
            koItem = ko.observableArray([]);
            koItem(data);
            ko.applyBindings(koItem);//注意同一個Model 不能重複applyBindings
        } else
            koItem(data);
    },'json');

html 資料呈現, 這樣就可以快速將EMail資料呈現.

<span data-bind="text: EMail"></span>

小試了一下, 目前感覺較適合固定的資料結構上, 因若 data-bind="text: tel" , 而 tel 並未定義那就會出錯, 而不是自動忽略, 湘戲功能與使用就看官網說明囉, 但感覺說明得不好讓出接觸的會不知如何下手