在AngularJs中自动对焦输入元素

Question

我有一个小的搜索栏，最初是隐藏的。通过ng-click我设置＆＃34; filter.show＆＃34;为true，搜索栏变得可见。一旦发生这种情况，我希望内部的文本输入自动聚焦。

我正在使用Angular 1.5和Angular Material，并找到了如下所示的focus-me选项。但这并不能以某种方式起作用，我也不明白这个问题是什么。也许有人可以帮助我。

下面介绍的html为按钮和输入使用相同的控制器。

   

<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>