![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angularJS
文章平均质量分 67
outsiderlcy
这个作者很懒,什么都没留下…
展开
-
angularJS过滤器 <div > <p>{{name}}</p><!--识别空格和换行--> </div>
angularJS 首先我们要对angularJS有一定简单的了解的过滤器angularJS过滤器(大标题小标题) |:管道符号,用来分割数据和过滤器currency:货币金额的操作 代码示例:(此次展现了所有代码,下次将只展现核心代码)过滤器var m=angular.module('myApp',[]);原创 2016-11-03 12:35:06 · 6537 阅读 · 0 评论 -
angular 自定义属性封装 拖拽示例
自定义属性 拖拽指令封装示例代码示例:<style>#div1{ width:100px; height:100px; background:red; position:absolute;}</style><script src="jquery-1.11.1.js"></script><script src="angular.min.js"></script><script>var m1原创 2016-11-09 14:04:01 · 1912 阅读 · 0 评论 -
angularJS 自定义指令
angularJS 自定义属性类似于过滤器filter,内置了许多方法同时可以自定义方法。 通过angular.model来创建模块对象:-angular.model:controller:控制器run:初始化filter:过滤器directive:创建自定义(myHello->my-hello) -restrict有四种定义的方式(注意大小写):指定指令类型并可叠加使用 》E:元原创 2016-11-07 09:39:37 · 708 阅读 · 0 评论 -
angularJS 标签指令
angularJS中除了ng开头的属性指令,还有标签指令、自定义指令等。标签指令 :对原有的标签进行了重新的构建,并有了新的功能<a>:阻止默认行为,阻止刷新页面<select> -ng-options(需要与ng-model结合使用) 代码示例: <script> var m = angular.module('myApp',[]);//引入相应模块原创 2016-11-06 18:27:04 · 958 阅读 · 0 评论 -
angularJS DOM操作相关指令
DOM操作相关指令ng-show:针对元素的展现、隐藏,是通过CSS的display来实现的。参数true是展现,false是隐藏。隐藏时不保留该位置。 代码示例:<div ng-show="true">bbbbbbbbb</div>页面结果展示: ng-hide:与ng-show的作用相反,true隐藏,false显示ng-if:针对元素的操作,true显示,false隐藏。ng-if不原创 2016-11-06 15:08:03 · 859 阅读 · 0 评论 -
angularJS 样式相关指令
样式相关指令:ng-class:写成一个对象的形式,里面内容为class的名字,还需要使用true来激活。 代码示例: <style type="text/css"> .red {background: red;} .yellow {color: yellow;} </style> <script src="angular.min.js"></s原创 2016-11-06 11:41:21 · 331 阅读 · 0 评论 -
数据显示优化处理以及插件简介
数据显示优化处理以及插件简介(上一章节使用ng-value提高了表单的用户体验,那么我们在HTML中写入内容是是否可以提高用户体验呢?情况类似ng-value与value,接下来我们将进行详细的分析原创 2016-11-06 11:04:37 · 259 阅读 · 0 评论 -
angularJS中input相关指令详解
input相关指令ng-disabled(按钮、输入框禁用的状态) ng-readonlyng-checkedng-value原创 2016-11-04 15:54:18 · 2214 阅读 · 0 评论 -
angularJS 事件指令
事件指令原生JS中的click不支持表达式操作以及数据的获取,但可在指令中直接写表达式、数据名等ng-click/dbclick(单击/双击)ng-mousedown/up(鼠标按下/鼠标抬起)ng-mouseenter/leaveng-mousemove/over/outng-keydown/up/press(键盘事件)ng-focus/blur(光标移入)ng-submit(提交)原创 2016-11-04 15:42:03 · 436 阅读 · 0 评论 -
angularJS ng-repeat
angularJSng-repeat指令原创 2016-11-04 10:13:01 · 596 阅读 · 0 评论 -
angularJS 自定义指令间的相互交互
angularJS 自定义指令间的相互交互angularJS 自定义指令transclude:当元素标签需要嵌套时使用,与ng-transclude配合使用。默认值为false不能使用嵌套,true为可以使用嵌套。在哪个标签上使用ng-transclude就在哪个标签内进行嵌套。 代码示例:(将hello、hi标签进行替换同时span标签嵌套div内)<script type="text/j原创 2016-11-10 09:12:06 · 4865 阅读 · 0 评论