如何在点击[HTML]上获取字符索引

Question

相对于HTML正文，可以知道onClick的字符索引。

我试图搜索，但没有成功。 我不能使用Jquery，因为我正在使用Angular JS / Ionic

Answer 1

如果您想要知道单击字符串中的哪个字符，则必须将事件侦听器附加到每个字符。在您的模板中：

<span ng-click="charClick(0)">H<span>
<span ng-click="charClick(1)">E<span>
<span ng-click="charClick(2)">L<span>
<span ng-click="charClick(3)">L<span>
<span ng-click="charClick(4)">O<span>

在控制器中：

$scope.charClick = function (index) {
  console.log(index);
}

这非常讨厌。您应该使用ng-repeat来渲染每个字符，这样您就不必手动重复那么多代码。