Angular 查找元素属性不起作用

Question

我正在关注这篇简单的文章： Arrow Keys to Navigate 。 这行底部有问题：

var nextInput = angular.element(angular.element.find('[arrow-keys-index="'+nextIndex+'"]'));

基本上，它需要做的是从我的 HTML 中找到一个元素，其中的属性和值与字符串匹配，然后它可以调用以聚焦该元素。 HTML 它需要查找的示例如下所示：

<input type="text" arrow-keys-index="0:2" />

我在该行收到错误消息：

类型错误：angular.element.find 不是 HTMLInputElement 中的 function。 (arrow-keys-index.js:47:65) 在 defaultHandlerWrapper (angular.js:3795:11) 在 HTMLInputElement.eventHandler (angular.js:3783:9) 在 ZoneDelegate.invokeTask (zone-evergreen.js:406: 1) 在 Object.onInvokeTask (core.js:28564:1) 在 ZoneDelegate.invokeTask (zone-evergreen.js:405:1) 在 Zone.runTask (zone-evergreen.js:178:1) 在 ZoneTask.invokeTask [作为 invoke] (zone-evergreen.js:487:1) 在 invokeTask (zone-evergreen.js:1600:1) 在 HTMLInputElement.globalZoneAwareCallback (zone-evergreen.js:1626:1)

有什么想法吗？

Answer 1

假设你的 nextIndex == "0:2"

将$element注入 controller，然后：

var nextInput = $element.find('[arrow-keys-index="'+nextIndex+'"]');