角度2 – 将焦点设置为元素

发布时间：2020-12-17 17:51:51 所属栏目：安全来源：网络整理

导读：我有一个异步/ http调用,并且如果异步调用导致错误,则希望将焦点设置为模板中的错误元素. 一种方法是注入ElementRef,然后使用JQuery访问元素并调用focus()方法. class MyComponent { constructor(private element: ElementRef) {} doAsync() { // do somethi

我有一个异步/ http调用,并且如果异步调用导致错误,则希望将焦点设置为模板中的错误元素.

>一种方法是注入ElementRef,然后使用JQuery访问元素并调用focus()方法.

class MyComponent {
   
    constructor(private element: ElementRef) {}

    doAsync() {
        // do something async

        $(this.element.nativeElement).find('.error').focus();
    }
}

>另一种方法可能是创建一个指令,它绑定到模型上的属性并在host元素上调用focus()方法.

在角度2中包含/使用JQuery有多好？

另外,我认为Angular的工作方式(MV *)是“修改视图反应的模型”.那么,哪一个是正确的方法呢？

解决方法

让我们在你的焦点组件中尝试这个

import --> AfterViewInit

 export class YourComponent implements AfterViewInit {
   @ViewChild('err') vc: any;


  ngAfterViewInit() {
    this.vc.nativeElement.focus();
  }
}

使用这个组件html

<div #err class="alert alert-danger>{{errorPrompt}}</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!