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

Question

我试图在dom-repeat中的最后一个块之后添加一个HTML块，但是，它必须在dom-repeat内部的html块之后，因为如果我把它放在dom-repeat之外那里'将是2个块之间的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;
  }