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