Question

我用ng中的9个按钮创建了9个输入，单击相应的按钮时需要集中输入。我附上了代码供您参考

我已经通过document.getElement实现了，但是我需要以有角度的方式实现。

<div (window:resize)="myfunction($event)" >
  <div class="row"  *ngFor="let her of heroes;let i=index">
    <div class="col-sm-3">{{her.name}}</div>
    <div class="col-sm-3">
      <input  id={{i}} #ref class="grid inborder" #validation1 type="text" (keydown)="chng($event.target.value)" >
    </div>
    <div class="col-sm-3">
      <button class="editCLs" (click)="edit1(i)">{{her.edit}}</button>
    </div>
  </div>
</div>

我通过下面的代码实现了

edit1(ej) {

    document.getElementById(ej).focus();
    //this.ref.nativeElement.getElementById(ej).focus();
  }

但是我需要通过有角度的方式来实现。

我需要在点击按钮的同时关注相应的输入。Please refer this link

如果有什么想法请分享。在此先感谢

Answer 1

我会这样做。

 @ViewChildren("input") inputs: QueryList<any>

edit1(ej) {
    this.inputs[i].nativeElement.focus();
  }

在单击按钮时需要集中特定的输入

1 个答案: