如何将knockout初始化为我的html(索引)

时间:2015-05-06 11:55:10

标签: javascript html knockout.js

我不知道为什么它不能正常工作。 (我对这件事情不熟悉) 这是我的html索引:

<!DOCTYPE html>
<head>
</head>

<body>

<p>First name: <strong data-bind = "text: firstName"></strong></p>
<p>Last name: <strong data-bind = "text: lastName"></strong></p>

<script src="js/myscripts.js"></script>
<script src="js/knockout-3.3.0.js"></script>

</body>

以下是名为“myscripts”的文件中的js代码:

function AppViewModel() {
    this.firstName = "Bert";
    this.lastName = "Bertington";
}


ko.applyBindings(new AppViewModel());

这仅在我的浏览器中显示:

First name:

Last name: 

但应该是:

First name: Bert

Last name: Bertington

在名为“js”的文件夹中,我有两个名为myscripts.js和knockout-3.3.0.js的文件

1 个答案:

答案 0 :(得分:1)

你需要在加载你自己的脚本之前加载淘汰脚本,这个脚本引用了淘汰赛。

<script src="js/knockout-3.3.0.js"></script>
<script src="js/myscripts.js"></script>