课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
对于程序员来说,除了需要了解不同的编程语言的特点以外,同时对于编程语言的使用都有自己的风格。今天,我们就一起来了解一下,angular编程的一些基础知识都有哪些。
一、指令的简介
指令其实就是angularjs对html的一个扩展,实现自定义html元素
angularjs其自身封装了一些常用的系统指令,我们也可以根据需要自定义指令
二、自定义指令简介
自定义指令的基本格式
app.directive("指令名称",function(){
restrict:'指令匹配格式',
replace:true,是否自定义元素替代指令申明
template:'百度一下'
});
自定义指令关键词说明:
指令名称说明:名字一般采用驼峰命名,及字母小写其余单词大写
在调用时,要将大写字母转换为小写并加上-
举例:myDirectiveTest调用为:my-directive-test
restrict有四种枚举值:
E:指令按照元素来匹配
使用:
C:按照class来匹配
使用:
A:按照属性来匹配
使用:
M:按照注释来匹配
三、指令中的数据传递
指令中数据传递采用的方式也是数据绑定方式{{}}
其实数据传递原理是:实现指令中的绑定是和html中属性想匹配
其实现步骤:
1、先需要给指令创建一个隔离作用域
2、定义与html中属性值匹配方式,有如下匹配方式:
指令中的属性名称:"@html中的属性名称"
指令中的属性名称:"@"如果只有@那么html中的属性名称必定有指令中的属性名称完全一致
指令中的属性名称:"=html中的属性名称",实现html和指令中的数据双向绑定
节选:博客园
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。