Javascript 控制器构造函数多次调用

Javascript 控制器构造函数多次调用,javascript,angularjs,controller,Javascript,Angularjs,Controller,我有一个简单的控制器 angular.module('datahubApp') .controller('LoginController',[ '$scope' , '$resource', LoginController]); function LoginController($scope,$resource){ console.log('Constructor called'); } 我在同一个视图中的两个不同组件的两个位置使用了HTML中的this <div ng-c

我有一个简单的控制器

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>
问题1:

所以,这被称为三次。这正常吗

问题2:
在这种情况下,如何在组件之间传递scope变量?

为什么在视图中使用同一控制器两次。只需使用一次,它就能完美工作

您可以像这样使用:

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

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

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

</div>


AngularJS每次在视图中找到控制器时都会调用它。无论查看部分中有多少时间。

可以显示完整的html吗?/创建plunker或JSFIDLE?我没有更多的代码。。就是这样
<div ng-controller="Logincontroller as ln">

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

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

</div>