比较 HTMLElement 和 ElementRef

Question

我在 angular 工作 5. 我在 keyup 上调用一个函数并将一个事件传递给它。我还有另一个这样的参考资料

@ViewChildren('list') list: QueryList<ElementRef>;

我正在尝试检查他们的 ID 并根据它做一些事情。

但是我得到一个错误

[ts] Operator '===' cannot be applied to types 'string' and 'HTMLAnchorElement'

谁能告诉我如何进行类型转换和检查他们的 ID。谢谢。我是新手。

handleEvent(event: KeyboardEvent) {
const tabKey = 9;
if (event.keyCode === tabKey && !event.shiftKey) {
  const el: HTMLElement = event.target as HTMLElement;

  if (el.id === <HTMLAnchorElement>this.list.first.nativeElement.id) {

    }
  }
}

Answer 1

你可以试试

if (el.id === this.list.first.nativeElement.id)

而且应该可以比较！

比较 HTMLElement 和 ElementRef

Compare HTMLElement with ElementRef

casting

typescript

angular

elementref

angular5