javascript - ng-if が要素を追加/削除しているときに通知される

Question

ng-if を使用して、インライン編集の目的でタイプヘッド入力を追加/削除します。ng-if 値は「編集」ボタンで更新されます

それで、テキスト入力が dom に追加されたら、テキスト入力にフォーカスを与えるための最良または推奨される方法は何ですか?

ありがとう

ライオネル

Answer 1

AngularJS の現在のバージョンには focus ディレクティブがありません。

ただし、入力オートフォーカス属性を参照でき ます

そして、この使用法のために独自のディレクティブを作成してください。

Answer 2

Chen-Tsu Lin のコメントに続いて、追加された要素にフォーカスするための小さなディレクティブを次に示します (ng-if で使用)

module.directive('inputFocus',['$timeout', function($timeout){
  'use strict';

  return {
    restrict: 'A',
    link: function(scope, elem){
      $timeout(function(){
        elem[0].focus();
      });
    }
  };
}]);

それを使用するには：

<input type="text" input-focus ng-if="isShown"  />

ここにJsBinがありますhttp://jsbin.com/texujona/5/