Question

我试图仅在dom重复内的最后一个块之后添加HTML块，但是，它必须恰好在dom重复内的html块之后，因为如果我将其放在dom-外，重复，在这两个块之间将有一个dom-repeat块，类似于angularJS的ng-class =“ {'last'：$ last}”

Answer 1

如果要在最后一项之后设置HTML块，则可以检查索引号。

Demo

<template is="dom-repeat" items="[[users]]">
      <div>[[item]]</div>

     <!--This is the blok after last element in dome-repeat -->        
     <template is="dom-if" if="{{_isLastItem(index)}}">
            <div>This is just after last item</div>
      </template>
 </template>


class MyTest extends Polymer.Element {
  static get is() { return 'my-test'; }

  constructor(){
     super();

     // set ie. users array or import data from parent.
     this.set('users',['Kaan', 'Timur', 'Oğuz', 'Aybüke'])
  }
  _isLastItem(i){ 
      return i===this.users.length -1;
  }

如何检测聚合物2中dom-repeat的最后一次出现

1 个答案: