Привязка dom-change к вложенному дочернему шаблону, даже если родительский шаблон является dom-if false

Question

У меня есть parent template which is a dom-if и set to false at start. Он имеет child template which is a dom-repeat. Я хочу, чтобы bind a dom-change event to child template, однако, когда я пытаюсь сделать это в готовой функции it says cannot find addEventListener of undefined. как связать событие dom-change в этом случае.

this.$.level.addEventListener("dom-change", function (event) {  
    console.log(event); 
}); 

здесь является HTML для

<template is="dom-repeat" id="levels" items="{{parentNodes}}"> 
    <template is="dom-repeat" id="level" items="{{item.children}}"> //want to bind dom-change event to this however it is not there on dom ready 
     //some html here 
    </template> 
</template> 

Answer 1

Поскольку уровень в виде dom-repeat и а dom-if, this.$.level псевдоним не существует. Вы можете использовать this.$$('#level') ПОСЛЕ того, как он был вставлен на страницу (если это необходимо, и повторный запуск).

У вас возникнет проблема, когда вы можете столкнуться с несколькими уровнями «уровень», поэтому у вас должно быть id={{someFunc(index)}}" и эта функция, которая возвращает "level"+index или вместо них выбирает их через класс.