比较HTMLElement和ElementRef

时间:2018-10-26 20:10:13

标签: angular typescript casting angular5 elementref

我正在使用角度5。我正在keyup上调用一个函数并将一个事件传递给它。我也有另一个像这样的参考

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

我正在尝试检查其ID,并以此为依据。

但是我得到一个错误

  

[ts]运算符'==='不能应用于类型'string'和'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) {

    }
  }
} 

1 个答案:

答案 0 :(得分:1)

您可以尝试

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

并且应该能够比较!