http://plnkr.co/edit/zw5WJVhr7OKqACoJhDZw?p=preview
JS
// Code goes here
angular.module("myApp",[]).controller("parent",function($scope){
$scope.parentFunction = function(){
alert("Called a function on the parent")
}
}).controller("child",function($scope){
$scope.childFunction = function(){
alert("Called a function on the child")
}
$scope.parentFromChild = function(){
alert("I know this feels weird");
$scope.parentFunction();
}
})
HTML
<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@*" data-semver="1.2.14" src="http://code.angularjs.org/1.2.14/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="myApp">
<div ng-controller="parent">
<div ng-controller="child">
<a href="#" ng-click="parentFunction()">Call Parent</a>
<a href="#" ng-click="childFunction()">Call Child</a>
<a href="#" ng-click="parentFromChild()">Call Parent from Child</a>
</div>
</div>
</body>
</html>
控制器上的范围是原型继承的,我相信这意味着如果您不重新定义范围上的函数,从父范围获得相同的函数(如果您调用它)(问题是这样做就假定使用的上下文的控制器,虽然这是有争议的,如果这真的是一个问题,假设你不依赖于该控制器中的某些效果).
