AngularJS中scope隔离作用域之=&调用父作用域中函数,代码如下:
04 | <meta charset= "UTF-8" > |
05 | <title>Document</title> |
08 | <div ng-controller= "ctr1" > |
09 | <div zym-blog callback= "fn()" ></div> |
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学习笔记' ; |
22 | m.directive( 'zymBlog' , [ function (){ |
25 | template : '<p>{{func()}}</p>' , |
26 | scope : {func: '&callback' }//这里要用【&】 |
|
使用【&】符,可以调用控制器中对应的方法,记得要加上小括号(),指令中的【func()】指的是这个地方要调用func方法,然后到scope中找到func,再通过&符号找到html中的callback属性,这个属性值是【fn()】方法,而控制器中有fn方法,最后打印数fn方法的return结果。