自动聚焦AngularJs中的输入元素

我有一个小的搜索栏，它最初是隐藏的。单击ng，我将“filter.show”设置为true，搜索栏变为可见。一旦发生这种情况，我希望里面的文本输入自动聚焦

我正在使用Angular 1.5和Angular材质，并找到了如下所示的focus me选项。但不知怎的，这不起作用，我不明白问题出在哪里。也许有人能帮我

下面显示的html对按钮和输入使用相同的控制器

搜寻

我们可以看到您的“focusMe”指令吗？也可以尝试使用

ng if

而不是

ng show

以防万一，您的意思是，焦点me不是角度内置指令？如果是这样的话，有没有一种方法可以在默认情况下使用angular实现自动对焦？没有内置的方法可以做到这一点，但是您可以在任何地方找到此类“focus me”指令的良好实现我们可以看到您的“focusMe”指令吗？也可以尝试使用

ng if

而不是

ng show

以防万一，您的意思是，焦点me不是角度内置指令？如果是这样的话，有没有一种方法可以在默认情况下使用angular实现自动聚焦？没有内置的方法可以做到这一点，但您可以在任何地方找到这种“focus me”指令的良好实现

<md-toolbar class="md-table-toolbar md-default" ng-show="filter.show && !selected.length" aria-hidden="false">
  <div class="md-toolbar-tools">
    <md-icon md-svg-icon="magnify"></md-icon>
    <form flex="" name="filter.form">

      <md-input-container class="md-block" flex="" style="margin-bottom:0">
        <label>Search</label>
        <input type="text" focus-me="filter.show" ng-model="query.filter" ng-model-options="filter.options" aria-invalid="false">
      </md-input-container>

    </form>
    <button class="md-icon-button md-button md-ink-ripple" type="button" ng-click="removeFilter()">
      <md-icon md-svg-icon="close"></md-icon>
      <div class="md-ripple-container"></div>
    </button>
  </div>
</md-toolbar>