javascript - AngularJs ng-view 更改父 Controller 的值

Question

您好，我遇到了一个与 ng-view 有关的问题。这是代码。

<header ng-controller="headCtrl" ng-show="landing.ifLandind">            
</header>

<div ng-view></div>

当加载 ng-view 时，有两个 Controller ，一个是“headCtrl”和其他负载。我想从 ng-view 中的 Controller 加载更改“landing.ifLandind”。我如何在第二个 Controller 中引用它，它将更改“headCtrl”中“landing.ifLandind”的值。在此先感谢您的帮助

Answer 1

为什么你不为控制 header 使用服务？

https://docs.angularjs.org/guide/services

您可以在所有需要操作 header 的 Controller 中注入(inject)服务。

例如:

angular.module('myModule').factory('serviceHeader', function() {
 var modelHeader = {
    hidden: false,
    hide: function() {
      this.hidden = true;
    },
    show: function() {
      this.hidden = false;
    },
    toggle: function() {
      this.hidden = !this.hidden;
    }
 };
 // factory function body that constructs shinyNewServiceInstance
 return modelHeader;
});


angular.module('myModule').controller('FooController' ['serviceHeader', function(serviceHeader) {
  ...
  serviceHeader.hide(); //hide header
  ...
}]);


angular.module('myModule').controller('HeaderController', ['$scope', 'serviceHeader', function($scope, serviceHeader) {
  $scope.headerHelper = serviceHeader;
}]);



<header ng-controller="HeaderController" ng-show="!headerHelper.hidden">            
</header>

<div ng-view></div>

或者你可以使用 $watch

https://docs.angularjs.org/api/ng/type/ $rootScope.作用域

希望这对您有所帮助。

问候