knockoutjs小結

1)遍歷css

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

1.2)遍歷,生成同級標籤c#

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


2)綁定對象數組

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



3)樣式(多個)dom

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


4)索引spa

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



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

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


5)是否生成dom對象

針對對象索引

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

針對數組it

<!--ko if:awardList().length>0-->
     恭喜,中了<span data-bind="text:awardList().length"></span>個獎品。   
<!--/ko-->
相關文章
相關標籤/搜索