Angular - - ng-focus、ng-blur


1、ng-focus

這個指令功能就是比如當一個input等獲取到焦點的時候,執行你指定的表達式函數,達到你需要的目的

格式:ng-focus=“value”

value:獲取焦點時執行的表達式,方法。

2、ng-blur

這個指令功能就是比如當一個input等失去焦點的時候,執行你指定的表達式函數,達到你需要的目的。

格式:ng-blur=”value”

value: 失去焦點時執行的表達式。

一般ng-focusng-blur 同時使用

    <div ng-app="Demo">
        <div ng-controller="testCtrl">
            <input ng-focus="fn()" ng-blur="fn1()" ng-model="inputValue">
        </div>
    </div>
  <script>
        angular.module("Demo",[]).controller("testCtrl",function($scope){
            $scope.inputValue = '';
                $scope.fn=function(){

                $scope.inputValue = "Hello!!"
                }
                $scope.fn1=function(){

                $scope.inputValue = "World!!"
                }
        });

    </script>

效果展示:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM