0

こんにちは、そのようなテンプレートを作成しようとしています 

<script type='text/mustache' id='user-template'>                        
  <ul>
    {{#each users}}
      <li>{{name}}</li>                         
      {{#startHidden @index 2}}</ul><ul style = "display:none;">{{/startHidden}}
      {{#endHidden @index 2}}</ul><a href="#">show all</a>{{/endHidden}}
    {{/each}}
  </ul>              
</script>

したがって、アイデアは<ul>、リストの2番目のユーザーの後に上部を閉じて、新しい非表示<ul>を開き、残りのすべてのユーザーをここに配置することです。しかし、代わりに私は閉じられ<ul>、最終的なhtmlは次のようになります:

<ul>
  <li>name1</li>                            
  <li>name2</li>                            
  <ul style="display:none;"></ul>
  <li>name3</li>                            
  <li>name4</li>                            
  <a href="#">show all</a>
</ul>

これは私のjsです

var data = [{name: "name1"},{name: "name2"},{name: "name3"},{name: "name4"}];                   
var users = new can.List(data);

var frag = can.view("user-template",{users:users},{
  'startHidden' : function(currentIndex, usersToShow, options){                     
     if (currentIndex() === usersToShow-1) {
       return options.fn(this);
     }
   },
   'endHidden' : function(currentIndex, usersToShow, options){                
     var length = options.scope.attr('users').length;

     if ((length>usersToShow)&&(currentIndex() === length-1)) {
       return options.fn(this);
     }
   }            
});

タグの自動終了を防ぐ方法はありますか、それとも完全に間違っているのでしょうか?

4

1 に答える 1

0

これは不可能です。can.view.live.html は、要素を順番に削除または追加することしかできません。回避策として、LI を表示しない場合は、LI に「隠し」クラスを追加するだけです。

于 2014-11-25T20:16:47.797 に答える