Angular ui.router，从子控制器调用父控制器函数? [英] Angular ui.router, call parent controller function from child controller?
问题描述
我将 Angular 与 ui.router 一起使用，并设置了一个嵌套视图.父视图有一个 div，我可以通过父控制器上的功能切换其可见性.我想从嵌套视图的子控制器调用这个函数.我该怎么做?
I'm using Angular with ui.router and have setup a nested view. The parent view has a div whose visibility I can toggle through a function on the parent controller. I'd like to call this function from the child controller of the nested view. How would I do this?
推荐答案
http://plnkr.co/edit/zw5WJVhr7OKqACoJhDZw?p=preview
JS
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>
控制器上的作用域是原型继承的，我相信这意味着如果你不在作用域上重新定义一个函数，如果你调用它，你会从父作用域获得相同的函数(问题是 this 然后对上下文做出假设使用这个控制器虽然这是有争议的，如果这真的是一个问题，假设你不依赖于这个控制器中那个控制器的某些效果).
The scope on controllers is prototypically inherited I believe which means if you don't redefine a function on the scope you get the same function from the parent scope if you call it (the problem is this then makes the assumption about the context of the use of this controller though it's debatable if this is really an issue assuming you don't depend on some effect from that controller in this controller).
这篇关于Angular ui.router，从子控制器调用父控制器函数?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
