2014-07-01 28 views
1
function npCinemaViewModel() { 
    var self = this; 

    self.movies = ko.observableArray([ 
    { name: "3 Days to Kill", url: "http://www.youtube.com/embed/vf49ZETvNaQ" }, 
    { name: "Endless Love", url: "http://www.youtube.com/embed/5paHdmfFNS8" }, 
    { name: "Robocop", url: "http://www.youtube.com/embed/xPLSpmAtc1Q" }, 
    { name: "Lego Movie", url: "http://www.youtube.com/embed/fZ_JOBCLF-I" } 
    ]); 
} 

ko.applyBindings(new npCinemaViewModel()); 
<nav id="movies"> 
    <ul data-bind="foreach: movies"> 
    <li><a class="youtube glowButton" data-bind="text: name, attr: {href: url}"></a></li> 
    <!--<li><a class="youtube glowButton" href="http://www.youtube.com/embed/5paHdmfFNS8">Endless Love</a></li> 
    <li><a class="youtube glowButton" href="http://www.youtube.com/embed/xPLSpmAtc1Q">Robocop</a></li> 
    <li><a class="youtube glowButton" href="http://www.youtube.com/embed/fZ_JOBCLF-I">Lego Movie</a></li>--> 
    </ul> 

有問題,我的網頁

的數據將不會出現在數據綁定延遲性肌肉痠痛,我不能完全弄清楚是什麼問題設置視圖模型。我已經將腳本與我的其他腳本鏈接到了一起,並且開發工具顯示源.js文件確實被識別。這似乎是viewModel只是沒有被應用。幫助將不勝感激。

+0

你會得到任何控制檯錯誤嗎?這個代碼是否正在運行?另外,如果可以的話,顯示你的html綁定。我不是一個淘汰賽職業球員,但我認爲這裏沒有足夠的答案。 –

+0

我得到一個錯誤「無法讀取屬性」nodeType「null – Fulmetal5

+0

固定!!!放在$(document).ready(function(){ko.applyBindings(new npCinemaViewModel());}); – Fulmetal5

回答

1

原來我需要在文檔加載後應用綁定。

$(document).ready(function(){ 
    ko.applyBindings(new npCinemaViewModel()); 
});