MVVM架構~Knockoutjs系列之text,value,attr,visible,with的資料綁定

Knockoutjs是微軟mvc4裡一個新東西，用這在MVC環境裡實作MVVM，小微這次沒有大張旗鼓，而是愉愉的為我們開發者嵌入了一個實作MVVM的插件，這下面的幾篇文章中，我和大家将一起去探讨它，

它是如何把前台開發者與背景開發者的工作徹底分離的。

對于html标記來說，為它們指派的方法有很多，你使用JS動态為它指派也是可能的，但從面向對象的角度來說，意義不大，而目前台開發者了解資料結構後，可以使用Knockoutjs實作面向對象的資料綁定，

HTML元素的面向對象的指派，今天是個開篇，内容比較簡單，隻講一下text,value和attr的資料綁定。

text綁定：你可以為p,span,div,td等标記去加這個text元素

value綁定：你可以為input标記加value元素

attr綁定：你可以為标記動态添加它們的屬性，如<a>标簽的href,title,<img>标簽的src,alt等等

visible綁定：可以動态顯示或隐藏指定的标記，true值為顯示，false值為隐藏

with綁定：可以綁定一個對象，然後在内部标記裡就可以通路對象的屬性了

下面的執行個體中，包含了上面幾個概念的用法：

上面的執行個體中，當productPrice 為0時，會将productPrice所在的元素隐藏，而這個執行個體中的資料傳回為一個對象lines，這時如果希望通路它内部屬性，需要我們使用with關鍵字。

怎麼樣，Knockout給我們不一般的感覺吧，它使用前台開發者可以不去關心資料的生産方式，而直接以标記的形式填充即可。