角度材质对话框：将焦点设置在第一个项目上

Question

我正在使用Angular 1.5.x和Material Design，我有一个自定义对话框，我想在显示对话框时选择第一个输入字段。

我该怎么做？

我已经汇总了一个问题的实例： https://codepen.io/anon/pen/xdoqmZ?editors=1010

这是代码;

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

在这个例子中，我希望对话框能够显示给定名称。

Answer 1

在onCompleteAnimation函数中找到第一个输入并聚焦

    onComplete: function(s,e) {
        $(e).find('input').first().focus()
    },
    locals: {
      name: $scope.username
    },
    controller: DialogController

https://codepen.io/anon/pen/ZKgWjQ?editors=1010

Answer 2

这不是md-autofocus的用途吗？所以将它添加到需要关注的元素中 mdAutofocus