cloneNode克隆dom后，事件不生效了怎么办？？

克隆dom后，事件不生效，如何解决？？？我用的angular的写法

例如：

<div class="innerChild">

<ul>

<li><div (click)="checkClick("1")">11</div></li>

<li><div (click)="checkClick("2")">22</div></li>

<li><div (click)="checkClick("3")">33</div></li>

</ul>

</div>

this.innerChild = document.getElementsByClassName('innerChild')[0];
this.ul = this.innerChild.firstElementChild || this.innerChild.firstChild;

let firstLi = this.ul.firstChild.nextSibling;
this.ul.appendChild(firstLi.cloneNode(true));

克隆了第二个li,但这个li里的div的事件失效了