如何获取Angular 2中的主体元素引用?

在我的例子中,我想知道我的组件是否有焦点.

推荐答案

可以使用

class MyComponent {
  constructor(private elRef:ElementRef) {
    console.log(this.elRef.nativeElement);
  }
}

您还可以订阅focus活动

class MyComponent {
  @HostBinding() tabindex = 0;
  @HostListener('focus', ['$event'])
  onFocus(event) {
    console.log(event);
  }
}

Typescript相关问答推荐

如何使用Generics保留构造函数的类型信息?

当类型断言函数返回假时,TypScript正在推断从不类型

类型脚本类型字段组合

无法从Chrome清除还原的初始状态数据

如何表示多层深度的泛型类型数组?

通过字符串索引访问对象';S的值时出现文字脚本错误

类型脚本返回的类型包含无意义的泛型类型名称

为什么在这个例子中,我把缺少的属性添加到对象中时,TypeScrip没有拾取,如何修复?

嵌套对象的类型

TypeScrip:强制使用动态密钥

如何通过属性名在两个泛型数组中找到匹配的对象?

使用或属性编写无限嵌套的接口

作为函数参数的联合类型的键

如何正确地将元组表格输入到对象数组实用函数(如ZIP)中,避免在TypeScrip 5.2.2中合并所有值

从以下内容之一提取属性类型

任何导航器都未处理有效负载为";params";:{";roomId";:";...";}}的导航操作

断言同级为true或抛出错误的Typescript函数

我可以使用对象属性的名称作为对象中的字符串值吗?

如何在由函数参数推断的记录类型中具有多个对象字段类型

我可以在 Typescript 中重用函数声明吗?