directive热门博客列表 - ITeye博客频道

博客专栏推荐

本月博客排行

年度博客排行

AngularJS之directive指令渲染的顺序

https://stackoverflow.com/questions/38812824 I read document from AngualrJS : https://docs.angularjs.org/guide/component And when I am reading to "Example of a component tree" section, I g ...

AngularJS directive compile order

Lixh1986 评论(0) 有1265人浏览 2018-12-27 16:09

学习AngularJs:Directive指令用法（完整版）

学习AngularJs:Directive指令用法（完整版） http://www.jb51.net/article/83051.htm --

AngularJS directive

Lixh1986 评论(0) 有650人浏览 2018-05-10 09:39

Angularjs的directive封装ztree

一般我们做web开发都会用到树，恰好ztree为我们提供了多种风格的树插件。接下来就看看怎么用Angularjs的directive封装ztree <!DOCTYPE html> <html ng-app="ceshiapp" ng-controller="ceshicontroller"> <head> < ...

angularjs directive

柳絮飞祭奠评论(0) 有1263人浏览 2017-12-16 13:41

AngularJS内幕详解之Directive

　　在这系列的上一篇文章，我讨论了scope事件以及digest循环的行为。这一次，我将谈论指令。这篇文章包括独立的scope，内嵌，link函数，编译器，指令控制器等等。　　如果这个图表看起来非常的费解，那么这篇文章很适合你。　　声明: 这篇文字是基于 AngularJS v1.3.0 tree. 一.到底什么是指令(directive)？　　AngularJS中，指 ...

AngularJS Directive

bijian1013 评论(0) 有1026人浏览 2017-09-10 14:43

基于angular的tree控件

以前用过一些基于Angular的树形控件，但是发现都多少有些别扭，就是写起来会有些不爽，最近就在纠结是不是要重写一个，最后终于决定重写，开始写就收不住了，发现用起来爽多了，就将项目开源了出来。目前实现的功能有节点展开、关闭；同级节点新增；子集节点新增；删除节点；选中节点；可配置是否互斥；数据源子集的属性名称；是否只有叶子节点才可选中；可访问节点内可通过node来进行访 ...

angular tree directive github 开源

LiYunpeng 评论(0) 有1646人浏览 2016-04-14 18:16

angular中自定义指令时的scope中属性的绑定策略

在angular中自定时，scope可以设置为true, false(默认值), 一个对象。 1. 默认值false时，指令的作用域就是指令元素所在的作用域 2. 设置为true时，指令的作用域是从元素所在的作用域继承来的新作用域 3. 设置为一个对象时，产生一个隔离的作用域。在使用隔离作用域的时候，属性有 = @ & 三种绑定策略 scope: { n ...

angular directive scope &传参

leeqq 评论(0) 有1674人浏览 2015-12-20 21:32

volicity 自定义指令 Directive 并获取ApplicationContext

背景说明：在基于spring MVC、volicity的WEB项目中，需要在volicity页面中读取远程配置信息(zookeeper)。第一步：编写读取远程配置信息工具类(具体不做说明) 详情可参阅：http://timerbin.iteye.com/blog/2252372 第二步：编写自定义指令(Directive) package cn.timerbin ...

Directive 自定义 Volicity applicationContext 上下文

TimerBin 评论(1) 有2058人浏览 2015-10-29 09:19

angularjs 密码一致性校验

angularjs 校验密码字段一致性 Js代码 directives.directive('pwCheck', function () { return { require: 'ngModel',

directive angularjs

lihaiming 评论(0) 有725人浏览 2015-10-19 11:29

angular中，自定义directive时scope取值符号的意义@ & =

在自定义指令中，我们通常要用到在DOM标签中给指令传值 @用来读取DOM中传递的属性值，读取的值均以字符串的形式存在，比如类似于像id一样，在指令中直接以字符串的形式来读取 =用来实现数据模型的双向绑定，就不用多说了 &用来接收回调函数，类似于在标签中写onClick之类的效果

angular directive @=&

LiYunpeng 评论(0) 有1585人浏览 2015-03-11 16:09

angular中扩展集成ngModel.$render不起作用的问题解决

遇到这种情况，可能是因为还有其他的指令在同时覆盖$render，导致自己写的集成扩展又一次被覆盖掉了比较常见的就是，在Input中，写了一个directive，而这里面自己要覆盖ngModel.$render 我遇到的情况就是input的监听ngModel把我的给覆盖掉了，导致我写的内容无法执行解决办法就是在指令里面添加priority属性这个属性是用来排序的也就是在同一个标签内， ...

directive $render ngModel 扩展多指令

LiYunpeng 评论(0) 有1126人浏览 2015-01-29 19:40

angular中如何在指令渲染模板DOM后再执行相关操作

很多时候，我们要给指令中的模板传递值，但是link就是建立模板与scope的链接的，所以在这个时候，页面上的内容还没有从scope中读取出来解决办法很简单，在link方法中，使用 $timeout(function(){ …… }); 这样，link执行完之后，才会执行timeout，就可以读取到渲染之后的DOM内容了

angular directive render dom after

LiYunpeng 评论(0) 有2155人浏览 2014-12-11 17:49

博弈AngularJS讲义(11) - 指令

自定义指令本章我们将详细讲解如何用AngularJS实现自定义指令(directives)来扩充HTML. 指令的基本概念简单来说，指令就是Angular编译器能够识别 ...

Angular 指令开发文档 Directive 官方文档翻译

boyitech 评论(0) 有1970人浏览 2014-12-11 14:18

AngularJS中使用指令修改DOM

指令扩展了HTML语法，同时它也是使用自定义的元素和属性把行为和DOM转换关联到一起的方式。通过这些指令，你可以创建可复用的UI组件，配� ...

JavaScript AngularJS directive

bijian1013 评论(0) 有2330人浏览 2014-08-24 00:18

《用AngularJS开发下一代Web应用》指令学习笔记

一.指令的作用：实现语义化标签我们常用的HTML标签是这样的： <div> <span>目录</span> </div> 而使用AngularJS的directive（指令）机制，我们可以实现这样的东西 <tabset> <tab title='Home'> <p> ...

angularJS directive

bijian1013 评论(0) 有1473人浏览 2014-08-12 22:43

AngularJS官网种子工程AngularSeed简单分析

一.AngularSeed工程结构二.AngularSeed工程运行效果工程默认打开view1。点击“view2"的超链接，效果如下：三.AngularSeed中的指令、服务、过滤器具体分析 1.指令、服务分析在index.html中有如下一行代码 <div>Angular seed ap ...

javaScript angularJS directive service filter

bijian1013 评论(0) 有1423人浏览 2014-08-09 22:51

jsb scriptlet directive expression

scriptlet: <% %> directive: <%@ %> expression: <%= %> declaration: <%! %>

scriptlet directive expression

遠大前程评论(0) 有562人浏览 2014-04-12 11:44

buttonsRadio directivies

本实例主要展示怎样用directives实现buttons radio。 AngularButtonDirective.html <!doctype html> <html lang="en" ng-app="BJButtionDirective"> <head> <script src=&quo ...

Angular directive

bijian1013 评论(0) 有918人浏览 2014-04-05 13:46

"+""-"图片收缩展开页面内容的指令

实现效果打开页面或点击“-”后，页面不显示明细信息：点击“+”后，页面显示明细信息：实例一：借助JQuery操作DOM实现 ...

javaScript angular angularJS directive

bijian1013 评论(0) 有2334人浏览 2014-04-02 12:47

Angular directive与数据绑定

在Angular中，我们想要实现数据绑定，可以使用ng-model,也就是这样的形式： <input ng-model='body' /> <h1>{{body}}</h1> 这样，在input中输入内容� ...

javascript Angular directive

HYFY 评论(0) 有1456人浏览 2014-03-15 21:41

AngularJS指令入门开发实例

功能说明：根据某模型的值改变页面上所有input、select输入框是否disabled。实例说明：提供一个按钮，此按钮控制此模型的值，指令再根据此模型的值改变页面input、select输入框是否disabled。效果展示：首次打开页面，input、select输入框是disabled 点击"Cha ...