Angular 8 AutoFocus指令

我正在为这样的模板输入创建自动聚焦指令:

"26"

我有两个问题: 首先,我的自动对焦指令规范文件向我返回错误:

join

第二个错误是在控制台上,将我的自动指令注入组件的构造函数后,将“ autofocus”指令放置如下:

 import { Directive,ElementRef,AfterContentInit } from '@angular/core';

@Directive({
  selector: '[appAutofocus]',})
export class AutofocusDirective implements AfterContentInit {
  constructor(private elementRef: ElementRef) {}

  ngAfterContentInit() {
    this.elementRef.nativeElement.focus();
  }
}

我的控制台向我返回此消息: core.js:7187错误错误:未捕获(已承诺):NullInjectorError:StaticInjectorError(AppModule)[TabPensionInvaliditeComponent-> AutofocusDirective]:

marimount 回答:Angular 8 AutoFocus指令

第一个问题:

像实例一样,在实例化class时,必须传递所有非可选参数。为了正确测试directive,建议您看看Attribute Directive Testing guide

第二个问题:

您可能忘记了在AutofocusDirective中添加@NgModule#declarations

Working demo

本文链接:https://www.f2er.com/2556049.html

大家都在问