如何在模板中使用ko.utils.range

时间:2014-02-03 14:33:51

标签: javascript knockout.js

我为挖空视图模型

创建了一个寻呼机模板
<script type="text/html" id="custom_pager_template">

    <ul class="pagination">
        <li class="disabled"><a href="#">&laquo;</a></li>
        <!-- ko foreach: ko.utils.range(0, maxPageIndex) -->\
        <li class="active"><a href="#" data-bind="text: $data + 1, click function() { $root.currentpageindex($data) }, css { selected $data= =$root.currentPageIndex() }"><span class="sr-only"></span></a></li>
        <!-- /ko -->
    </ul>

</script>

但是当我运行这个时,我得到以下错误:

  

Uncaught SyntaxError:无法处理绑定“simpleGrid:function   (){return gridViewModel}“消息:无法处理绑定   “foreach:function(){return ko.utils.range(0,maxPageIndex)}”   消息:无法解析绑定。绑定值:text:$ data + 1,   click function(){$ root.currentpageindex($ data)},css {selected   $ data = = $ root.currentPageIndex()}消息:意外的令牌)

那么如何在模板中使用ko函数呢?

1 个答案:

答案 0 :(得分:0)

你缺少两个三个冒号

前两个在这里

css { selected $data= =$root.currentPageIndex() }

应该是

css: { selected: $data == $root.currentPageIndex() }

最后一个在这里:

click function() { ... }

应该是

click: function() { ... }

直播示例:http://jsfiddle.net/Rkz66/