AngularJS指令封装回到顶端的例子详细解释

AngularJS指令封装回到顶端的例子详细解释
如何AngularJS顶了回去或直接编码!

1,建立指令,使用registerdirective建立指令添加到内部hasdirectives对象,以便匹配后,当搜索指令全局。
***回到顶端
**

定义({,},函数(app){

应用(),RegisterDirective(backtotop
返回{
限制:e
链接:功能(范围、元素、属性){
var = $(元素);
$(窗口)滚动(函数())
如果(美元。scrollTop)(文件)(> 300) / /到垂直滚动条的顶部,相对的300px高度显示的顶部
(300)e.fadein
其他的
(200)e.fadeout;
});
单击返回到顶部。
E.click(function(){()
('html美元,身体),动画({ / /添加动画动画
scrollTop:0
},500);
});
}
};
});
});
注:

registerdirective是compileprovider美元的方式。它主要是添加内置指令内部hasdirectives对象,这样我们可以匹配全球查找指令后。

从HTML的角度来看,可以认为命令名是一个标识符,可以用作元素名称(e)、元素属性(a)、注释(m)、HTML中的类名(C);从Javascript的角度来看,它可以被视为特殊意义命令对象的标准返回。

链接函数创建一个操作DOM的指令,它的签名如下:

链接:功能(范围、元素、属性){ };
作用域在内部范围内注册侦听器的范围。

元素表示的实例元素,是指使用该指令的元素。在postlink功能,我们应该只操作该元素的子元素的子元素,因为一直联系。

属性是一个属性,一个标准化的列表由一个元素定义属性,可所有指令链路功能共享。这是一个Javascript对象的形式通过。2。定义的backtotop教学对象上调用页。

2。调用页面上的backtotop指令

注:

对制约EACM子集的字符串,这限制了指令指定的声明的方式。如果省略,指令只能通过产权声明:

电子元素名称:

属性名:

C类名称:

m注释:

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部