Angular - - ng-focus、ng-blur

1、ng-focus

这个指令功能就是比如当一个input等获取到焦点的时候，执行你指定的表达式函数，达到你需要的目的

格式：ng-focus=“value”

value：获取焦点时执行的表达式，方法。

2、ng-blur

这个指令功能就是比如当一个input等失去焦点的时候，执行你指定的表达式函数，达到你需要的目的。

格式：ng-blur=”value”

value: 失去焦点时执行的表达式。

一般ng-focus和ng-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>

效果展示：

转载于:https://www.cnblogs.com/qiu-Ann/p/8085403.html

Angular - - ng-focus、ng-blur相关推荐

angular项目集成ng zorro 和ng alain
angular项目集成 ng zorro和ng alain(mock 和acl权限)学习笔记这段时间,比较忙,很久没有写博客了.作为后端开发人员,第一次接触angular,以下是个人的学习心得和D ...
输入 ng build 或者 ng serve 之后没有任何输出的问题分析
Angular 应用,输入 ng build 命令,没有任何反应: ng version 命令的输出:显示的 CLI 版本号为 12.2.5 然而 package.json 里定义的版本为 ~9.1. ...
ng serve 和 ng build 的区别
在这个文档里有介绍. 在开发过程中,你通常会使用 ng serve 命令来借助 webpack-dev-server 在本地内存中构建.监控和提供服务.但是,当你打算部署它时,就必须使用 ng bui ...
Focus事件与blur事件
一.简介 Focus事件.当元素获得焦点时,触发focus事件.当通过鼠标点击或选中元素或通过tab键定位到元素时,该元素就会获得焦点.Focus()方法触发focus事件,或规定当发生focus事件 ...
Docker部署NG并设置 NG为静态文件管理器
Docker部署NG并设置 NG为静态文件管理器 1.docker拉取nginx镜像 docker pull nginx 或者docker pull nginx:指定版本号 2.检查拉去下来的镜像 d ...
几个经常用到的angular路由Router、ActivatedRoute 知识点：嵌套路由、路由跳转、路由传参、路由参数获取
深度玩家可移步Angular - 常见路由任务 1.嵌套路由 const routes: Routes = [{path: 'first',component: FirstComponent,//同步 ...
css伪类选择器，:link、:visited、:focus、:hover、:active、:first-child
全栈工程师开发手册 (作者:栾鹏) css系列教程1-选择器全解 css伪类选择器伪类选择器用于表达在某种状态下的元素. 包括:link.:visited.:focus.:hover.:active ...
HTC vive、Vive Focus、Vive FocusPlus应用场景轻度对比
vive.Vive Focus.Vive FocusPlus应用场景轻度对比 [本文为本博主yinyuebin原创,转载注明出处] 1.概述最近玩了一套focus pro,整体感觉和以前体验的viv ...
hover、focus、active、link、visited状态 CSS
hover.focus.active.link.visited状态 CSS 这几个是按钮链接效果的样式属性,不同的排列顺序可能会有不同的展示效果,我们先来看他们分别是干嘛的 link:控制未访问时的显 ...
css的input文本框的 propertychange、focus、blur
1.输入框检查的需求--即时搜索--解决方案当input的value发生变化就会发生,无论是键盘输入还是鼠标黏贴的改变都能及时监听到变化,propertychange,只要当前对象属性发生改变.(I ...

Angular - - ng-focus、ng-blur

Angular - - ng-focus、ng-blur相关推荐

最新文章

热门文章