AngularJS：指令の縮小問題

Question

私にはさらに別の問題があります。今度は、ディレクティブのコントローラに渡された$ scopeサービスが原因です。下記のコードを参照してください：

angular.module('person.directives'). 
directive("person", ['$dialog', function($dialog) { 
return { 
    restrict: "E", 
    templateUrl: "person/views/person.html", 
    replace: true, 
    scope: { 
     myPerson: '=' 
    },  
    controller: function ($scope) 
    {     
     $scope.test = 3;     
    } 
} 
}]); 

私がコントローラの部分をコメントアウトすると、正常に動作します。

ご覧のとおり、ディレクティブの配列宣言が使用されているため、$ダイアログサービスは縮小後でもAngularに認識されています。しかし、私はコントローラの$ scopeサービスのためにそれをどうするのですか？

Answer 1

あなたは次のようにコントローラを宣言する必要があります。ここに

controller: ['$scope', function ($scope) 
    {     
     $scope.test = 3;     
    }] 

全例：

angular.module('person.directives'). 
directive("person", ['$dialog', function($dialog) { 
return { 
    restrict: "E", 
    templateUrl: "person/views/person.html", 
    replace: true, 
    scope: { 
     myPerson: '=' 
    },  
    controller: ['$scope', function ($scope) 
    {     
     $scope.test = 3;     
    }] 
} 
}]); 

@Samが提供するソリューションは、に働くだろうが、それは全体にディレクティブのコントローラーをさらす意味します不要なアプリケーション。

Answer 2

[OK]を、私は別のファイルにコントローラを作成することになった：

angular.module('person.controllers').controller('personCtrl', ['$scope', function ($scope) { 
$scope.test = 3; 
}]); 

、その後ディレクティブで、私は名前でコントローラを割り当てる：

controller: 'personCtrl' 

ないことが最良の方法だと確信し。それはきれいに見えます。どう思いますか ？