本文实例讲述了AngularJS中隔离范围的用法。分享给大家供大家参考，具体如下：

角度射流研究…中指令管理的有个特别有用的东西，那就是隔离范围（被隔离的范围)

关于具体他和全局的范围有什么区别，可以参考下面这篇文章：

AngularJS全局范围与隔离范围通信用法示例

本文主要讲解其具体的几种使用方式：

1.=的使用

[html]

div class=' card ' ng-repeat=' app in apps ' app-info=' app '/app-info/div[js]

app.directive('appInfo '，function(){ return { restrict : ' E '，scope: { info: '=' //如果是=就是信息属性的值赋给当前scope.info }，Templateurls : ' js/指令/AppInfo。html ' }；});2.=属性名的使用

[html]

div ng-controller=' AppCtrl as AppCtrl ' Ctrl输入类型=' text ' ng-model=' AppCtrl。Ctrl lavor ' Dir div ab=' 25 '饮料='123456 '风味=' AppCtrl。Ctrl lavor '/div/div[js]

var app=角度。模块('饮料app '，[])；app.controller('AppCtrl '，function(){ var AppCtrl=this；appctrl。CTRL lavor=' blackberry});app.directive('饮品，function(){ return { scope : { style : '=ab ' }，template: '输入类型=' text ' ng-model=' flavor ' ' }；});显示结果：

3.@=和的综合使用

超文本标记语言代码：

div class='主控制器' ng-app=' isolatiepp ' div ng-controller=' AppCtrl ' div class=' row '字符名称=' Roman Regins ' image=' img/P1。jpg ' move type=' move type ' use-move=' getMove(名称，移动类型，移动)' class=' col-xs-4 '/字符名称='塞斯罗林斯图像=./img/p2。jpg ' movetype=' move type ' use-move=' getMove(name，move type，move)' class=' col-xs-4 '/character name='迪安安布罗斯图像=./img/P3。jpg ' move type=' move type ' use-move=' getMove(名称，移动类型，移动)' class=' col-xs-4 '/character/div/div js控制：

//显示@=和综合的var app=角度。模块(' isolationapp '，[])；app.controller('AppCtrl '，['$scope '，' $element '，function($scope，$ element){ $ scope。getmove=function(name，movetype，move){ console。日志(名称' $ $ $ '移动类型' $ $ '移动)；} $ scope。移动类型=[' amove '，' bavi '，' CMP 4 ']；$ scope。移动类型=$ scope。移动类型[0]；}]).指令('字符，函数(){ return { restrict:'E '，scope:{ name:'@ '，/@指的是属性的值赋给名字仅此而已image:'@ '，movetype:'='，//表示类型等于当前属性的值useMove:'' //表示对应的函数的引用及该属性对应的函数别名就是他了}，controller:'AppCtrl '，//只有这里声明了才会将挑选选项载入进来replace:true，Templateurls : ' shield _ isolate。html ' }；})模板：

脚本类型=' text/ng-template ' id=' shield _ isolate。html ' div class=' panel panel-default ' div class=' panel-body ' div fig img src=' http : { { image } } ' fig caption { { name } }/fig caption/fig/div/div Move 3360输入类型=' text ' ng-model=' value ' class=' form-controller '/div选择移动类型：选择ng-model=' move type ' ng-options='/div/这里的':'前的三个参数分别对应父函数的三个参数的名称//':' 后的三个参数则对应给定值范围的三个属性以便一一对应传值/div/脚本显示结果：

希望本文所述对大家AngularJS程序设计有所帮助。