Angular 如何获取角坐标中的元素值

我有以下要点：

<li class="someClass">value1<span>value2</span></li>

const list = Array.from(document.querySelectorAll(".someClass"));
  list.forEach(ele => ele.addEventListener('click', this.getListValue.bind(this)));

getListValue(element)
{
 console.log('output', element.target.innerText)
}

在输出中，我使用IE：

output value1 value2

铬：

 output value1

我只需要价值1。是否有一种方法可以获取给定场景的li标记的值

---

谢谢

您正在向DOM添加元素，然后希望使用vanilla JS再次读取这些元素？我很难理解这和使用角度有什么关系，为什么你想要这个

Angular明确表示不鼓励您自己处理本机元素。另外，在生成元素时，您已经有了值，为什么还要麻烦再次读取它呢？如果无论如何都要坚持这种方法，那么最好在生成html时添加on-click，在这里您应该已经有了value1

无论如何，假设您的方法确实有一个有效的用例，并且不只是将复制粘贴的代码粘在一起，而完全忽略角度概念（或任何概念），请看一下：

---

为什么您甚至想从模板中读取元素？@Amadán我需要元素的值来执行进一步的操作。在我的例子中，li元素是一个用于搜索输入的下拉列表，当用户单击某个li（即下拉列表中的一个项目）时，我希望获取该值并在下一页显示一些结果。如果使用Angular（-JS），则使用ng模型，而不从HTML读取任何内容。@Justinas我使用的是Angular（5.2）。我不能将[（ngModel）]添加为使用vanila js代码创建多个li。@Simer为什么要这样做？使用*ngFor创建多个

！