0
所以即時做循環和顯示輸入,我想點擊選擇添加焦點在第一個輸入元素。任何建議如何選擇第一個元素並添加他autofoccus?如何在循環中的第一個輸入元素添加自動對焦?
所以即時做循環和顯示輸入,我想點擊選擇添加焦點在第一個輸入元素。任何建議如何選擇第一個元素並添加他autofoccus?如何在循環中的第一個輸入元素添加自動對焦?
這是怎麼做。寫指令:
import {Directive, Renderer, ElementRef, OnInit, AfterViewInit, Input} from '@angular/core';
@Directive({
moduleId: module.id,
selector: '[focusOnInit]'
})
export class FocusOnInitDirective implements OnInit, AfterViewInit {
@Input() focusOnInit ;
static instances: FocusOnInitDirective[] = [];
constructor(public renderer: Renderer, public elementRef: ElementRef) {
}
ngOnInit(): void {
FocusOnInitDirective.instances.push(this)
}
ngAfterViewInit(): void {
setTimeout(() => {
FocusOnInitDirective.instances.splice(FocusOnInitDirective.instances.indexOf(this), 1);
});
if (FocusOnInitDirective.instances.every((i) => i.focusOnInit===0)) {
this.renderer.invokeElementMethod(
this.elementRef.nativeElement, 'focus', []);
}
}
}
在組件:
import { Component } from '@angular/core';
@Component({
moduleId: module.id,
selector: 'app',
template: `
<div *ngFor="let input of [1,2,3,4]; let i=index">
<input type="text" [focusOnInit] = i >
</div>
`
})
export class AppComponent {
}