模态Angular 4中的自动对焦不起作用

Question

我必须将输入集中在加载模式上，但是如果我使用html5属性，autofocus它似乎无法正常工作。有可能使其工作吗？

<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

Answer 1

如果使用的是“材质”对话框，则可以用于cdkFocusInitial指定初始焦点所在的位置。

<input cdkFocusInitial type="text">

请参阅此示例。