如何获取字符索引 onClick [HTML]

【问题标题】：How to get character index onClick [HTML]如何获取字符索引 onClick [HTML]
【发布时间】：2017-02-04 04:19:30
【问题描述】：

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

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

【问题讨论】：

什么是字符索引？
当您可以将值作为函数参数传递时，为什么还要使用索引？
您能否包含一些示例 html 或其他内容以更清楚地说明您想要什么？

标签： javascript html angularjs indexing character

【解决方案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 来呈现每个字符，这样您就不必手动重复那么多代码。

【讨论】：