knockoutjs小结

标签：

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