AngularJS：在模板中訪問注入的控制器

Question

我有2個控制器， ItemController和AuthenticationController 。

AuthenticationController被注入ItemController

ItemModule.controller('ItemController', function ($scope, AuthenticationController)

我現在嘗試從模板中調用AuthenticationController的isLoggedIn()函數。

我怎樣才能做到這一點？

Answer 1

一種方法是將IsLoggedIn方法放在$scope ，如下所示：

$scope.isLoggedIn = AuthenticationController.isLoggedIn

您現在可以在模板中調用此函數

<span>Logged In: <strong>{{IsLoggedIn()}}</strong></span>

Answer 2

我不確定注入控制器是否是一個好習慣，因為每個控制器應該專注於自己的部分。 如果要在它們之間共享信息，則應使用服務。 而不是注入控制器; 你可以把它們嵌在你的前端。 例如：

// js
app.controller('ParentController', function($scope) {
    $scope.person = {greeted: false};
});

app.controller('ChildController', function($scope) {
    $scope.sayHello = function() {
    $scope.person.name = "Ari Lerner";
    $scope.person.greeted = true;
    }
});

// html
<div ng-controller="ParentController">
    <div ng-controller="ChildController">
        <a ng-click="sayHello()">Say hello</a>
    </div>
    {{ person }}
</div>

// displayed:
{greeted:true, name: "Ari Lerner"}