控制器构造函数多次调用

Question

我有一个简单的控制器

angular.module('datahubApp')
  .controller('LoginController',[ '$scope' , '$resource', LoginController]);

function LoginController($scope,$resource){
    console.log('Constructor called');
}

我在同一个视图的两个地方的HTML中使用了this，用于两个不同的组件

<div ng-controller="Logincontroller as ln"> </div>

<div ng-controller="Logincontroller as ln"> </div>

现在，当我运行该应用程序时，我会在控制台中看到它

Constructor Called
Constructor Called
Constructor Called

问题1：

因此，这被称为三次。 这正常吗

问题2：在那种情况下，如何在组件之间传递范围变量？

Answer 1

为什么在视图中两次使用同一控制器。 仅使用一次，它将完美工作。

您可以像这样使用：

<div ng-controller="Logincontroller as ln">

   <div></div> <!-- Your first div -->

   <div> </div> <!-- Your second div -->

</div>

每当在视图中找到AngularJS时，它将调用一个控制器。 无论视图中有多少时间。