你的位置:首页 > 软件开发 > Java > 【Knockout.js 学习体验之旅】(3)模板绑定

【Knockout.js 学习体验之旅】(3)模板绑定

发布时间:2016-06-14 11:00:04
本文是【Knockout.js 学习体验之旅】系列文章的第3篇,所有demo均基于目前knockout.js的最新版本(3.4.0)。小茄才识有限,文中若有不当之处,还望大家指出。目录: 【Knockout.js 学习体验之旅】(1)ko初体验 ...

【Knockout.js 学习体验之旅】(3)模板绑定

本文是【Knockout.js 学习体验之旅】系列文章的第3篇,所有demo均基于目前knockout.js的最新版本(3.4.0)。小茄才识有限,文中若有不当之处,还望大家指出。

目录:

      【Knockout.js 学习体验之旅】(1)ko初体验

        【Knockout.js 学习体验之旅】(2)花式捆绑

        【Knockout.js 学习体验之旅】(3)模板绑定

 

模板引擎

页面是由数据和HTML组件构成的,如何将数据嵌入到HTML组件里面呢?一个比较好的选择是使用模板技术。

回顾下第一篇(【Knockoutjs 学习体验之旅】(1)ko初体验)开头的总价计算:

【Knockout.js 学习体验之旅】(3)模板绑定

 1 <!--HTML Code--> 2 <div class="counter"> 3   Price: <input type="text" data-bind="{value: price, valueUpdate: 'afterkeydown'}" placeholder="请输入单价" /><br /> 4   Account: <input type="text" data-bind="textInput: account" placeholder="请输入个数" /><br /> 5   sum: <span data-bind="text: sum"></span> 6 </div>

原标题:【Knockout.js 学习体验之旅】(3)模板绑定

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。