首页 > Web开发 > 详细

Knockoutjs 使用实践入门 (1)

时间:2015-05-03 21:44:29      阅读:290      评论:0      收藏:0      [点我收藏+]
1  是什么?
     使用MVVM模式的简单,动态的Javascript UI.

          2   优点

    •  声明式绑定
    •  UI 自动更新
    • 依赖追踪 
    • 模板化 

        3 如何使用 

 <!--(1)引入knockout js 库-->
 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.js"  type="text/javascript"> </script>
 <script src="http://knockoutjs.com/downloads/knockout-3.3.0.js"  type="text/javascript" > </script>
<script type="text/javascript">   
//(2)定义绑定对象
 function viewModel(firstName,lastName) {       
//使用双向绑定observable
 this.firstName =ko.observable( firstName);      
  this.lastName = lastName;    
};
$(function()
{
    //(3)ko.applyBindings 把模型与申明对象viewModel关联起来(Ko 就是 knockoutjs 的简写,)
   // ko.applyBindings 调用时,保证html加载完毕
    ko.applyBindings(new viewModel("bob","hongbo"));
});
         
 
运行js后可以看到,使用了双向绑定的的firstname,会随着输入框的变化而变化.
 
技术分享
 
 

Knockoutjs 使用实践入门 (1)

原文:http://www.cnblogs.com/hbb0b0/p/4474616.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!