AngularJSのselectboxからオプションを選択した後に入力テキストに焦点を合わせる

Question

selectboxからオプションを選択した後、入力タイプのテキストに焦点を合わせようとしています。オプションを選択すると、ナノ秒の入力がフォーカスされ、選択ボックスに再びフォーカスが当てられます。

ここにはfiddleがあります。ここで

は、私たちが代わりに選択基準を使用している場合、それがうまく働いているので、これは、おそらくangular-materialバグでコード

それはコメントで述べていますとおり

<div ng-controller="MyCtrl" layout layout-align="center center"> 
     <md-select ng-model="myModel" placeholder="Pick" ng-change="onChange()" md-on-open="onOpen()"> 
      <md-option value="0">Zero</md-option> 
      <md-option value="1">One</md-option> 
     </md-select> 

     <input type="text" id="fc"> 
    </div> 
<script> 
    angular.module('MyApp', ['ngMaterial']) 
    .controller('MyCtrl', function ($scope) { 
     $scope.onChange = function() { 
      document.getElementById('fc').focus(); 
     }; 

     $scope.onOpen = function() { 
      document.getElementById('fc').focus(); 
     }; 
    }) 
</script> 

Answer 1

です。手動入力に集中するAtttachディレクティブを（$timeoutで）ときの選択：バグが修正されるまで、あなたがそれを解決するためにuggly回避策を作ることができる、と述べた（私はgithub issueが作成されるべきだと思う）

変更されます。

：タイムアウトに注意してください。それは（それが250ミリ秒で動作します）...かなりの時間にする必要がある：

.directive('focus', function($timeout) { 
    return function(scope, elem, attr) { 
     scope.$on(attr.focus, function(e) { 
     $timeout(function() {   
      elem[0].focus();   
     }, 250); 
     }); 
    }; 
}) 

コントローラー：選択が変更されたときに、イベントをブロードキャストします。

$scope.onChange = function() { 
    $scope.$broadcast('selectChanged'); 
}; 

ビュー：あなたのinput要素にフォーカスディレクティブを取り付けます

<input type="text" id="fc" focus="selectChanged"> 

私はあなたのjdsfiddleをフォークしてきました。 Hereあなたはそれが動作することがわかります。

が、それは角度の材料ドロップダウンに関連すると思わ