事件绑定和指令由AngularJS指令指示用交互的例子

本文阐述了事件绑定和指令在AngularJS使用的指令交互使用。分享给你供你参考，如下：

使用模板在AngularJS事件绑定，并指令和指令之间的相互作用

三百四十三
fdhg
HHH
KKK

VaR的应用= angular.module（'myapp，{ }）；
======================= / * 1。使用======================== * 模板/
app.directive（' '，函数（）{（）{
返回{
限制：e元素意义元素
链接：功能（范围、元素、属性）{
console.log（元）；
元{ 0 } .innerHTML = 'sdfhkj '； / /最高优先级
}，
/ / templateurl：HTML参数。
模板：jkdhf / /第二优先显示
}；
}）；
结合======================== * / / * ======================= 2。事件
app.directive（'youbtn，函数（）{（）{
返回{
限制：
链接：功能（范围、元素、属性）{
console.log（元）；
元{ 0 } .innerHTML =按钮；
事件
Element.bind（'mouseenter，函数（）{（）{
元{ 0 } .innerHTML =按钮；
}）；
Element.bind（'mouseleave，函数（）{（）{
元{ 0 } .innerHTML =她的按钮；
}）；
}
}；
}）；
/ * ======================= 3之间的相互作用。======================== * /元属性控制器
App.controller（'shieldcontroller功能（范围）{
scope.shieldnames美元= { }；
this.addreigns =函数（）{
scope.shieldnames.push美元（统治：JJJ ）；
}
this.addrollins =函数（）{
scope.shieldnames.push美元（罗林斯：HHH ）；
}
this.addambros =函数（）{
scope.shieldnames.push美元（Ambros：GGG）；
}
}）
。指令（'reigns，函数（）{（）{
返回{
要求：掩护
链接：功能（范围、元素、属性、ShieldController）{
ShieldController.addReigns（）；
}
}；
}）
。指令（'rollins，函数（）{（）{
返回{
要求：掩护
链接：功能（范围、元素、属性、ShieldController）{
ShieldController.addRollins（）；
}
}；
}）
。指令（'ambros，函数（）{（）{
返回{
要求：掩护
链接：功能（范围、元素、属性、ShieldController）{
ShieldController.addAmbros（）；
}
}；
}）
。指令（'theshield，函数（）{（）{
返回{
限制：e
控制器：shieldcontroller / /分配控制器
作用域：空指令的范围值
链接：功能（范围、元素、属性）{
Element.bind（'mouseenter功能）{ / /（对应于相应的事件绑定元素的指令
console.log（范围。shieldnames）；
}）；
}
}；
}）；

希望这篇文章能帮助的AngularJS程序设计。