自动对焦在模态角4不起作用

我必须在加载模态时关注输入，但如果我使用html5属性autofocus它似乎不工作。它有可能使其工作？自动对焦在模态角4不起作用

<div class="col-md-6"> 
<div class="form-group label-floating"> 
    <label class="control-label"> 
    {{'ticketbundle.busroutedetail.dialog.labels.buslinename' 
    | translate }}<span class="star">*</span> 
    </label><input autofocus class="form-control" id="name" required 
    [(ngModel)]="busRouteDetail.name" name="name" #busRouteDetailname> 
</div> 
</div>

我使用的角材2

来源

2017-09-29 Alessandro

你可以设置一个本地模板裁判与#myInput和您的TS文件访问与@ViewChild() myInput元素，并在钩ngAfterViewInit获得本地元素，并将焦点与 this.myInput.nativeElement.focus()

另一种选择属性是建立一个聚焦指令并将其绑定到该元件的焦点属性like this

来源

2017-09-29 15:40:03 FussinHussin

如果您正在使用材料对话框，则可以使用cdk-focus-initial来指定您希望初始焦点的位置。

<input cdk-focus-initial type="text">

看到这个EXAMPLE。

来源

2017-09-29 18:14:10

自动对焦在模态角4不起作用

回答

相关问题