最近要在專案中使用Knockoutjs,因此今天就先研究了一下Knockoutjs的環境搭建,並進行了一個簡單的測試。
首先要到http://knockoutjs.com/index.html下載最新版本的Knockoutjs,筆者這裡下載的是knockout-2.2.0.js。然後新建一個.html文件,在html文件中加入以下的語句導入此js:
到這裡我們就已經可以寫Knockoutjs的程式碼了,我們以列印"Hello World !!"為例,寫以下的程式碼:
然後使用瀏覽器開啟此html文件,即可看到"Hello World!!"的字樣。
在上述程式碼中:
定義了一個span,並使用data-bind將helloWorld綁定到span上,這樣span中的內容即為helloWorld變數中的內容。
在script中定義了一個AppViewModel,然後為其定義了一個變數:helloWorld,它的值為:Hello World!!,然後使用ko.applyBindings()方法將AppViewModel激活,這樣才能在網頁中看到此內容。
以上只是使用Knockoutjs做了一個很簡單的例子,在運行這個例子的過程中,出現了一個小小的問題,我也不是很清楚為什麼。之前寫的程式碼是:
我將<script>放到了<span>的前面,這樣就顯示不了任何的內容,不是很清楚其中的原因,還請大家指教。</script>