今天要尝试写一个指令,因为,有个人跟我说,如果只是业务上的问题能解决但不尝试新的东西,不会有什么进步。
这个指令的功能是点击编辑图标,会出来输入框让用户输入,输入完毕以后点击对号图标则保存该数据到数据库,点击叉则取消保存到数据库。
//编辑完成状态
//编辑状态
首先看下指令的声明
html代码
指令绑定
link方法中的三个参数,分别代表该指令的作用域,绑定指令的元素,绑定指令的元素的属性
第一个参数scope,如果在指令中声明了自己的scope,那么这个scope指的就是这个指令的scope,例如本例中scope中能看到的数据hcAppDesc,hcAppNs,hcAppName
如果没有声明自己的scope,则这里指的就是父级的scope,也就是绑定指令的元素所在的控制器的scope
@:代表的是需要绑定指令的元素传过来一个字符串
&:代表的是需要绑定多个指令传过来一个方法,在指令中使用该方法进行业务实现
element也就是绑定元素的指令,attr指的是绑定指令的元素的属性,例如本例中打印element和attr的值在控制台中显示如下
我的指令是绑定给一个span标签,该标签的class是inline