您的位置：首页 > Web前端 > AngularJS

AngularJS中scope隔离作用域之=&调用父作用域中函数

2018-02-10 10:47 621 查看
AngularJS中scope隔离作用域之=&调用父作用域中函数，代码如下：
01
<!DOCTYPE html>
02
<html lang=
"en"
>
03
<
head
>
04
    
<meta charset=
"UTF-8"
>
05
    
<title>Document</title>
06
</
head
>
07
<body ng-app=
"app"
>
08
    
<div ng-controller=
"ctr1"
>
09
        
<div zym-blog callback=
"fn()"
></div>
10
    
</div>
11
</body>
12
</html>
13
<script 
type
=
"text/javascript"
 
src=
"http://www.zymseo.com/js/demo.js"
></script>
14
<script 
type
=
"text/javascript"
 
src=
"http://www.zymseo.com/js/angular.min.js"
></script>
15
<script 
type
=
"text/javascript"
>
16
    
var m = angular.module(
'app'
, []);
17
    
m.controller(
'ctr1'
, [
'$scope'
, 
function
($scope){
18
        
$scope.fn = 
function
(){
19
            
return
 
'赵一鸣AngularJs学习笔记'
;
20
        
}
21
    
}]);
22
    
m.directive(
'zymBlog'
, [
function
(){
23
        
return
 
{
24
            
restrict : 
'AEC'
,
25
            
template : 
'<p>{{func()}}</p>'
,
26
            
scope : {func:
'&callback'
}//这里要用【&】
27
        
}
28
    
}]);
29
</script>
使用【&】符，可以调用控制器中对应的方法，记得要加上小括号()，指令中的【func()】指的是这个地方要调用func方法，然后到scope中找到func，再通过&符号找到html中的callback属性，这个属性值是【fn()】方法，而控制器中有fn方法，最后打印数fn方法的return结果。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航