首页 > Web开发 > 详细

knockoutjs小结

时间:2015-11-07 13:36:00      阅读:144      评论:0      收藏:0      [点我收藏+]

1)遍历

<div data-bind="foreach:awardList"></div>

1.2)遍历,生成同级标签

<!-- ko foreach:awardList-->
   <div class="award"></div>
<!--/ko-->


2)绑定对象

<div data-bind="with:award"></div>



3)样式(多个)

<div data-bind="css:{‘p1‘:true,‘p2‘:true,‘p3‘:true}"></div>


4)索引

<div data-bind="text:$index()"></div>



4.2)多级嵌套,父级索引 ($parentContext.$index()

<div data-bind="text:$parentContext.$index()"></div>


5)是否生成dom

针对对象

<!--ko if:imluck-->
     恭喜,您中了<span data-bind="text:imluck().award"></span>          
<!--/ko-->

针对数组

<!--ko if:awardList().length>0-->
     恭喜,中了<span data-bind="text:awardList().length"></span>个奖品。   
<!--/ko-->






knockoutjs小结

原文:http://my.oschina.net/u/2351685/blog/527245

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