角度2焦点形式元素
发布时间:2020-12-17 18:02:50 所属栏目:安全 来源:网络整理
导读:我创建了一个带有角度2的表单,现在我想添加一些表单验证.验证工作正常,但现在我想专注于表单元素.这是否有可能在角度2.我到目前为止发现的是我可以使用elementRef和Renderer聚焦元素,即 this.renderer.invokeElementMethod(this.el.nativeElement,'focus');
我创建了一个带有角度2的表单,现在我想添加一些表单验证.验证工作正常,但现在我想专注于表单元素.这是否有可能在角度2.我到目前为止发现的是我可以使用elementRef和Renderer聚焦元素,即
this.renderer.invokeElementMethod(this.el.nativeElement,'focus'); 但我不想通过elementRef访问该元素,而是想将焦点设置为我的FormGroup对象中的一个AbstractControl.即 this.form.controls[ controlIndex ].focus 有角度2可能吗?如果不是,我如何将焦点设置为表单控件? 解决方法
一种方法是创建一个指令并将this.form.controls [controlIndex] .hasError作为参数传递给它:
@Directive({ selector: '[focus-on-error]' }) export class FocusOnErrorDirective implements AfterViewInit { constructor(public element: ElementRef) {} @Input('focusOnError') focusOnError; ngAfterViewInit() { // put all your focusing logic here // watches are also available here element.focus() } } 然后在表单元素上,您可以使用它: <input type="text" focus-on-error="form.controls[ controlIndex ].hasError"> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |