AngularJS，如何从另一个控制器调用控制器

Question

我试图在另一个内部调用一个控制器，以给特定的div命名。

如何在myapp-controll控制器中调用控制器Cook ？

<html ng-app="myapp">
<body ng-controller="myapp-controll">

<ng-view></ng-view>

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.2/angular.min.js"></script>

<script type="text/javascript">
var myapp = angular.module('myapp', []);

myapp.config(function($routeProvider) {
$routeProvider
     .when('/:acess', {
        templateUrl : 'sources/default.html',
        controller  : 'myapp-controll'
     })
});

myapp.controller('myapp-controll', function($scope, $routeParams) {
      $scope.templateUrl = 'sources/'+$routeParams.acess+'.html';
});

myapp.controller('cook', function($scope, $routeParams) {
      $scope.pagetitle = 'cook';
});
</script>

</body>
</html>

Answer 1

有几种方法，有些比其他方法差：

您可以通过使用$scope.$parent从myapp-controller调用父范围来使用范围继承。 这种方法非常脆弱，因为如果在某个时候在该链的中间引入了另一个作用域，则会破坏代码。 可以通过ng-repeat ， ng-if等来实现。此外，Angular 2.0不再使用$ scope，因此，如果您想使代码面向未来，我将不采用这种方法。
您可以使用事件委托，方法是使用$scope.$emit在范围链上发送事件信息：

myapp-controller：

$scope.$emit("eventName", eventData);

应用控制器：

$scope.$on("eventName", callbackFn);

使用服务/工厂在两者之间进行通信。 由于它们是单例，因此您可以将服务/工厂注入两个控制器中，然后使用它们在控制器之间进行通信。 通常，这是实现控制器到控制器通信的更广泛接受的方法。

AngularJS，如何从另一个控制器调用控制器

问题描述

1 个解决方案

解决方案1
2 已采纳 2014-11-22 13:25:04

AngularJS，如何从另一个控制器调用控制器

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-11-22 13:25:04

解决方案1
2 已采纳 2014-11-22 13:25:04