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

最新推荐文章于 2022-06-21 10:51:56 发布

K'illCode

最新推荐文章于 2022-06-21 10:51:56 发布

阅读量643

点赞数

分类专栏： angularJS 文章标签： angularJs

angularJS 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

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结果。

K'illCode

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS中scope隔离作用域之=&调用父作用域中函数

AngularJS中scope隔离作用域之=&amp;调用父作用域中函数，代码如下：01&lt;!DOCTYPE html&gt;02&lt;html lang="en"&gt;03&lt;head&gt;04 &lt;meta charset="UTF-8"&gt;05 &lt;title&gt;Document&lt;/title&gt;06&amp
复制链接

扫一扫