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

阅读() @2019-05-12 11:46:36

AngularJS中scope隔离作用域之=&调用父作用域中函数,代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body ng-app="app">
	<div ng-controller="ctr1">
		<div zym-blog callback="fn()"></div>
	</div>
</body>
</html>
<script type="text/javascript" src="http://www.zymseo.com/js/demo.js"></script>
<script type="text/javascript" src="http://www.zymseo.com/js/angular.min.js"></script>
<script type="text/javascript">
	var m = angular.module('app', []);
	m.controller('ctr1', ['$scope', function($scope){
		$scope.fn = function(){
			return '赵一鸣AngularJs学习笔记';
		}
	}]);
	m.directive('zymBlog', [function(){
		return {
			restrict : 'AEC',
			template : '<p>{{func()}}</p>',
			scope : {func:'&callback'}//这里要用【&】
		}
	}]);
</script>

使用【&】符,可以调用控制器中对应的方法,记得要加上小括号(),指令中的【func()】指的是这个地方要调用func方法,然后到scope中找到func,再通过&符号找到html中的callback属性,这个属性值是【fn()】方法,而控制器中有fn方法,最后打印数fn方法的return结果。

微信二维码