angular input自动获取焦点

1. 添加指令, 解析boolean值

import {Directive, ElementRef, Input} from "@angular/core";

@Directive({selector: '[isFocus]'})
export class IsFocusDirective {
    constructor(private elementRef: ElementRef) {
    }

    @Input() set isFocus(isFocus: boolean) {
        if (isFocus) {
            this.elementRef.nativeElement.focus();
        }
    }
}

2. html引入, 配合(blur)方法使用效果更佳

<input nz-input [(ngModel)]="name" name="someName" *ngIf="section.nameShow" [isFocus]="section.nameShow" (blur)="section.nameShow = false;" />

PS: 如果我的文章帮到了你, 免费的赞走一个呗~