本文实例讲述了AngularJS指令中的绑定策略。分享给大家供大家参考，具体如下：
在前面的文章中，我们知道了指令如何生成独立的scope，这一节中我们来仔细研究一下scope中的绑定策略。
总体来说scope的绑定策略分为3种：
（1）@ : 绑定字符串
（2）=： 与父控制器进行双向绑定
（3）&：用于调用父scope中的函数
1.基础方式
<test word="{{wordCtrl}}"></test>
app.controller('myController1',['$scope',function($scope){
$scope.wordCtrl="hello";
}]);
app.directive('test',function(){
return{
restrict:'E',
template:"<div>{{word}}</div>",
link:function(scope,ele,attr){
scope.word=attr.word;
}
}
});
显示效果：
这是最基础的方法，实现了字符串在scope中的绑定
2.实际上，我们可以通过改写实现上述的方法
app.directive('test',function(){
return{
restrict:'E',
scope:{
word:'@'
},
template:"<div>{{word}}</div>",
}
});
可以通过删除link函数，并且增加@绑定，这样就成功的实现指令中的属性与指令scope的字符串绑定。
3.‘='绑定
如果使用=绑定，那么不仅可以改变指令中scope中值，同时也可以改变父控制器中的值，实现双向绑定。
例子：
<div>
<span>ctrl:</span>
<input ng-model="wordCtrl"/>
</div>
<test word="{{wordCtrl}}"></test>
app.directive('test',function(){
return{
restrict:'E',
scope:{
word:'@'
},
template:"directive:<input ng-model='word' />",
}
});
效果就是，改变了指令中scope的值的同时也会改变控制器中相对应的变量的值，实现了控制器和指令中scope的双向绑定。
效果如下：
3.‘&'方法
<test greet="sayHello()"></test>
app.directive('test',function(){
return{
restrict:'E',
scope:{
greet:'&'
},
template:"<div ng-click='sayHello({name:'yuxiaoliang'})'>点击说HELLO</div>",
}
});
注意传递参数的方法。
更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。