KnockoutJs快速入门教程

前端之家收集整理的这篇文章主要介绍了KnockoutJs快速入门教程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、引言

之前这个系列文章已经介绍Bootstrap,详情请查看本文: @L_301_0@ Order Price:

五、模板

看完以上几个例子,其实你应该感觉到KO(KnockoutJS的简称)的上手还是非常简单的。因为其语法都非常容易理解,接下来看下KO中模板的使用。

<Meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> Demo5-模板绑定

<script type="text/javascript" src="/uploads/rs/376/pbcx3e1z/knockout-3.4.0.js">

<script id="personTemplate" type="text/html">

Name:

Age:

<script type="text/javascript">
var viewmodel = {
name: ko.observable('Tommy'),age: ko.observable(28),makeOlder: function() {
this.age(this.age() + 1);
}
};

ko.applyBindings(viewmodel);

<Meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> Demo6-模板绑定

<script type="text/javascript" src="http://sandBox.runjs.cn/uploads/rs/376/pbcx3e1z/knockout-3.4.0.js">

Participants

Here are the participants:

<script type="text/html" id="persontemplate">
<h3 data-bind="text: name">

Age:

关于模板更多的使用参考官方文档:

六、总结

到此,KnockoutJs的快速入门的内容就结束了,在下一篇文章中继续为大家介绍KO内容下一篇文章内容将介绍如何使用KO来做一个实际的项目,大家不要错过哦。

猜你在找的JavaScript相关文章