Javascript 如何使用PHP在本地服务器(wamp)上运行KnockoutJs?
我是KnockoutJs的新手,我在其官方网站上尝试了所有教程。Javascript 如何使用PHP在本地服务器(wamp)上运行KnockoutJs?,javascript,jquery,Javascript,Jquery,我是KnockoutJs的新手,我在其官方网站上尝试了所有教程。 现在我想在本地机器上运行所有实用教程,我已经下载了 我试过这个代码,但在本地机器上不起作用 index.php --------- <!DOCTYPE html> <html> <head> <title>Knockout</title> <script src="js/knockout-2.1.0.js"></s
现在我想在本地机器上运行所有实用教程,我已经下载了 我试过这个代码,但在本地机器上不起作用
index.php
---------
<!DOCTYPE html>
<html>
<head>
<title>Knockout</title>
<script src="js/knockout-2.1.0.js"></script>
<link rel="stylesheet" href="css/styles.css" />
<script>
// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
this.myname= ko.observable("Frank");
this.myage= ko.observable("26");
this.mydetails= ko.computed(function() {
var x;
return this.myname() + ", and my age is " + this.myage() + 'yr. old.';
}, this);
this.capitalizeMyName = function() {
var currentVal = this.myname(); // Read the current value
this.myname(currentVal.toUpperCase()); // Write back a modified value
};
}
// Activates knockout.js
ko.applyBindings(new AppViewModel());
</script>
</head>
<body>
<p>New Application</p>
<!-- This is a *view* - HTML markup that defines the appearance of your UI -->
<p>My Name: <strong data-bind="text: myname"></strong></p>
<p>My Age: <strong data-bind="text: myage"></strong></p>
<p>My Name: <input data-bind="value: myname" /></p>
<p>My Age: <input data-bind="value: myage" /></p>
<p>Full Detalis: <strong>Hi, my name is <text data-bind="text: mydetails"></strong></p>
<button data-bind="click: capitalizeMyName">Go caps</button>
</body>
</html>
index.php
---------
击倒
//这是一个简单的*viewmodel*-JavaScript,用于定义用户界面的数据和行为
函数AppViewModel(){
this.myname=ko.observable(“弗兰克”);
此.myage=ko.可观察(“26”);
this.mydetails=ko.computed(函数(){
var x;
返回这个.myname()+”,我的年龄是“+this.myage()+”岁“;
},这个);
this.capitalizeMyName=函数(){
var currentVal=this.myname();//读取当前值
this.myname(currentVal.toUpperCase());//写回修改后的值
};
}
//激活knockout.js
应用绑定(新的AppViewModel());
新应用
我的名字:
我的年龄:
我的名字:
我的年龄:
全文:嗨,我的名字是
盖帽
如果有人对此有了解或想法,那么建议我。谢谢
您需要包括缩小的文件:js/jquery-1.7.2.min.js
And put your viewmodel code between:
$(document).ready(function(){
// This is a simple *viewmodel* - JavaScript that defines the data and behavior of
});
可能还需要运行一些文件。您收到了什么错误消息?没有,它显示输入字段nd文本