如何从HTML到ts组件的角度的动态创建的li元素中获取文本

Question

请帮助我。这是代码

                                                    Xpressions Total = {{{response.total}}                       清除

                </div>
            <div class="exResult">
              <ul>
                <li *ngFor='let item of response.data'>
                  {{item.phrase}}
               </li>
              </ul>
            </div>    
          </div>   

如何将click事件添加到此li元素，以便我可以抓取文本并将其在我的应用程序组件中使用。

Answer 1

只需使用

<li *ngFor='let item of response.data' (click)="functionName(item)">
    {{item.phrase}}
</li>

，然后在ts文件中编写一个带有“ functionName”的函数，在这里您可以使用item.phrase。您不需要阅读li元素内的文本。