Как обнаружить последнее вхождение в дом-повтор в полимере 2

Question

Я пытаюсь добавить блок HTML только после последнего блока внутри dom-repeat, однако, он должен быть сразу после html-блоков внутри dom-repeat, потому что если я помещу его вне dom-повтораповторяю, между двумя блоками будет блок dom-repeat, что-то вроде angularJS's ng-class = "{'last': $ last}"

Answer 1

Вы можете проверить номер индекса, если пытаетесь установить блок HTML сразу после последнего элемента.

Демо

<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;
  }