javascript - Angular 中单击事件中访问 elementRef

Question

我在组件中定义了字符串列表，它在 View 中呈现如下:

<span  class="one" (click)='do($event, index, item)' 
*ngFor="let item of result;let index = index"  >{{item}} </span>

单击每个项目后，我想在该项目之后添加 div 元素:

clickedSpan.insertAdjacentHTML('beforeend', '<div >Hi!</div>');

如何在do函数中访问elementRef？或者是否有其他解决方案来操纵由 ngFor 渲染的渲染范围？

Answer 1

试试这个

      do(event, index, item) {
          this.result.splice(index, 0, 'Hi!');
      }