AnglarJSを深く追究します.どのようにinputの焦点を獲得しますか?

7327 ワード

私の仏陀の慈悲、経を取って(転載します)出所を説明して下さい、多くの人が当寺に来て真経を得るため、阿弥陀仏
1.前に書く

      input 、textarea    ，              ng-focus      。     ，                 。ng-focus     ，   JS（JavaScript） onfocus    ，     input  ，       ，                。  ，                  ，           ，               ，      “  ”。
  AngularJS     JS    document.getElementById("idVlaue")         ，                ，        ，     angularjs        。   ：http://blog.csdn.net/zcl_love_wx/article/details/51331539

2.コードの例
ご覧の皆様、芭蕉は焦点です.もしあなたの笑いのポイントを突いたら、責任を負いません.暖かいヒント:次の世代は直接エディタを持って行って効果を見てください.

<!--               ，       -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

    <div ng-app="myApp" ng-controller="control">
        <input type="text" set-Focus ng-blur="setBlur()">
        <button ng-click="getFocus()">           </button>
    </div>  

<script type="text/javascript"> //   var app = angular.module('myApp',[]); //    app.controller("control",function($scope){ $scope.isCome = false; //        $scope.isFocus = false; //           $scope.getFocus = function(){ $scope.isFocus = true; //     $scope.isCome = true; //      }; $scope.setBlur = function(){ $scope.isFocus = false;//          } }); //      app.directive('setFocus',[ function(){ return { scope:false, link:function(scope, element){ scope.$watch("isFocus",function(newValue,oldValue, scope) { //    ，       if(newValue && scope.isCome){ element[0].focus(); //     alert("  ，     ，                ，               ，     ，        ，     ， ， ~~~ ~~~ ！") } }, true);; } }; }]); </script>
</body> 
</html>

3.コード説明
まず説明します.私はバックグラウンドのJavaエンジニアです.フロントエンドの大牛がAnglarJSに乗りましたが、仕事をやめて新浪に行きました.何のために?給料を上げるためにプラグします.この文章はデフォルトの読者はアングラルJSに対して一定の基礎文法がありますが、この文のハイライトはどこにありますか?焦点を得るロジックを実現することがポイントです.anglarjs文書はユーザー定義のコマンドでフォーカスを取得することだけを教えます.コードのように.

<body>
    <div ng-app="myApp" >
      <input type="text" set-Focus>
    </div>
    <script type="text/javascript"> var app = angular.module('myApp',[]); app.directive('setFocus', function(){ return function(scope, element){ element[0].focus(); }; }); </script>
</body>

このコードはページに入って焦点を得る以外に何ができますか?初心者に教えてもいいです.キスして、カスタムコマンドで直接リターンしてもいいですよ.正式にはどのようにいくつかの操作を実行して焦点を得ることができますか?まずカスタムコマンドはもちろんですが、ユーザー定義の中にscopeという属性があることを知っていますか?私が提供したリンクの文章には二つの値があります.bollanと対象があります.その中の例は値を対象とした例だけを言いましたが、bollanの場合は話しませんでした.

                   ，                         ，       isCome isFocus。  scope       ：scope  false(   ):               。 true :        ，          。                           。          $watch,      ？           。                    ，     element[0].focus();     。

Javascriptでキューを実現します.