首頁  >  文章  >  web前端  >  Knockoutjs的環境搭建教程_javascript技巧

Knockoutjs的環境搭建教程_javascript技巧

WBOY
WBOY原創
2016-05-16 17:47:45989瀏覽

最近要在專案中使用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>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn