控制器構造函數多次調用

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時，它將調用一個控制器。 無論視圖中有多少時間。