我想从列表中只显示2个名字，然后点击一个按钮，接下来的2个名字出现，但有一个错误 [英] I want to show only 2 names at a time from a list and then clicking on a button next 2 names comes up but there is a bug

问题描述

我想只显示存在于数组中的前两个东西，而不是全部，然后点击按钮下面的2个名字出现到最后，但我所尝试的代码是不工作。我给代码请告诉错误。

在Javascript中

  EventBE.displayCount = ko.observable（2）; 
 EventBE.readMore = function（）{EventBE.displayCount（EventBE.displayCount（）+ 2）; }; 
 
 
 code> div class =slide> 
< button type =buttondata-bindclick：EventBE.readMore，visible：
 EventBE.displayCount（）< EventBE.WhoElseAttends.length> Read More< / button> 
< ul data-bind =foreach：EventBE.WhoElseAttends.slice（0，
 EventBE.displayCount（））> 
< li> 
< span data-bind =text：FirstName>< / span> 
< span data-bind =text：LastName>< / span>，
< span data-bind =text：Company>< / span& 
< / li> 
< / ul> 
< span data-bind =if：EventBE.WhoElseAttends.length< 0>无参与者< / span> 
< / div> 
  
 
 
解决方案
以下是正常工作的HTML：
 < div class =slide> 
< button type =buttondata-bind =click：readMore，visible：displayCount（）< WhoElseAttends（）。length> Read More< / button& 
< ul data-bind =foreach：WhoElseAttends.slice（0，displayCount（））> 
< li> 
< span data-bind =text：FirstName>< / span> 
< span data-bind =text：LastName>< / span>，
< span data-bind =text：Company>< / span& 
< / li> 
< / ul> 
< span data-bind =if：WhoElseAttends.length< 0>无参与者< / span> 
< / div> 
  
和随附的Knockout视图模型：
  function viewModel（）{
 this.displayCount = ko.observable（2）; 
 
 this.readMore = function（）{
 this.displayCount（this.displayCount（）+ 2）; 
}; 
 
 this.WhoElseAttends = ko.observableArray（[]）; 
 
 for（var i = 0; i <10; i ++）{
 this.WhoElseAttends.push（{FirstName：John，LastName：Smith，Company：None }）; 
} 
} 
 
 ko.applyBindings（new viewModel（））; 
  
我还在以下jfiddle中呈现了这个代码： http://jsfiddle.net/Bg5CF/17/  
 
I want to show only first 2 things which are present in an array instead of all and then b y clicking on button next 2 names comes up till the last, but the code which I am trying is not working. I am giving the code please tell the bug. Can you help me in correcting the code of knoctout js .

In Javascript
EventBE.displayCount = ko.observable(2);
EventBE.readMore = function() { EventBE.displayCount(EventBE.displayCount() + 2); };
in html
div class="slide">
    <button type="button" data-bind"click: EventBE.readMore,visible: 
        EventBE.displayCount() < EventBE.WhoElseAttends.length">Read More</button>
        <ul  data-bind="foreach:EventBE.WhoElseAttends.slice(0, 
             EventBE.displayCount())">
            <li >
                <span data-bind="text:FirstName"></span>
                <span data-bind="text:LastName"></span>,
                <span data-bind="text:Company"></span>
             </li>
        </ul>                  
   <span data-bind="if:EventBE.WhoElseAttends.length <0">No Attendees</span>                    
</div>

解决方案
Here's the working HTML:
<div class="slide">
    <button type="button" data-bind="click: readMore, visible: displayCount() < WhoElseAttends().length">Read More</button>
    <ul data-bind="foreach: WhoElseAttends.slice(0, displayCount())">
        <li>
            <span data-bind="text:FirstName"></span>
            <span data-bind="text:LastName"></span>,
            <span data-bind="text:Company"></span>
        </li>
    </ul>                  
    <span data-bind="if: WhoElseAttends.length <0">No Attendees</span>                    
</div>
And the accompanying Knockout view model:
function viewModel() {
    this.displayCount = ko.observable(2);

    this.readMore = function() {
        this.displayCount(this.displayCount() + 2);
    };

    this.WhoElseAttends = ko.observableArray([]);

    for (var i = 0; i < 10; i++) {
        this.WhoElseAttends.push({FirstName : "John", LastName : "Smith", Company : "None"});
    }
}

ko.applyBindings(new viewModel());
I've also rendered this code in the following jfiddle: http://jsfiddle.net/Bg5CF/17/

                        
这篇关于我想从列表中只显示2个名字，然后点击一个按钮，接下来的2个名字出现，但有一个错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！