编程 Javascript

AngularJS基础 ng-cut 指令介绍及简单示例

Posted in Javascript onAugust 01, 2016

AngularJS ng-cut 指令

AngularJS 实例

输入框的文本被剪切时执行表达式：

<!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 ng-app="">

<input ng-cut="count = count + 1" ng-init="count=0" value="剪切这个文本" />

<p>文本被剪切了 {{count}} 次。</p>

<p>实例中计数变量 "count" 在每次剪切后自动增加 1。</p>

</body>
</html>

注意：实例中计数变量 "count" 在每次剪切后自动增加 1。

定义和用法

ng-cut 指令用于告诉 AngularJS 在剪切 HTML 元素的文本时需要执行的操作。

ng-cut 指令指令不会覆盖元素的原始 oncut 事件, 事件触发时，ng-cut 表达式与原始的 oncut 事件将都会执行。

语法

<a>, <input>, <select>, <textarea>, 及窗口对象都支持该指令。

参数值

值	描述
expression	元素文本被剪切时执行的表达式。

以上就是对AngularJS ng-cut 指令的资料整理，希望能帮助编程Angular的同学。

AngularJS基础 ng-cut 指令介绍及简单示例

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript asp.net 获取当前超链接中的文本

Apr 14 Javascript

js实现字符串和数组之间相互转换操作

Jan 12 Javascript

基于zepto的移动端轻量级日期插件--date_picker

Mar 04 Javascript

jQuery.form插件的使用及跨域异步上传文件

Apr 27 Javascript

jQuery原理系列-常用Dom操作详解

Jun 07 Javascript

AngularJS内建服务$location及其功能详解

Jul 01 Javascript

jQuery实现6位数字密码输入框

Dec 29 Javascript

Angular动画实现的2种方式以及添加购物车动画实例代码

Aug 09 Javascript

JavaScript面试技巧之数组的一些不low操作

Mar 22 Javascript

Angular封装搜索框组件操作示例

Apr 25 Javascript

原生javascript实现类似vue的数据绑定功能示例【观察者模式】

Feb 24 Javascript

解决echarts数据二次渲染不成功的问题

Jul 20 Javascript

JavaScript学习小结之被嫌弃的eval函数和with语句实例详解

Aug 01 #Javascript

jQuery简单设置文本框回车事件的方法

Aug 01 #Javascript

AngularJS基础 ng-csp 指令详解

Aug 01 #Javascript

AngularJs页面筛选标签小功能

Aug 01 #Javascript

Bootstrap Table使用方法详解

Aug 01 #Javascript

jQuery实现表格行和列的动态添加与删除方法【测试可用】

Aug 01 #Javascript

Angular 页面跳转时传参问题

Aug 01 #Javascript