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)