angularjs - angularjs 1.5 コンポーネント依存性注入

Question

これは初心者に聞こえるかもしれませんが、angularjs コンポーネントのこのチュートリアルに従っています。

Utilsコンポーネントを初めて使用するのですが、定数を挿入したり、このようにコンポーネントに挿入したりするにはどうすればよいauthServiceですか?

app.component('tlOverallHeader', {
    bindings: {
        data: '='
    },
    templateUrl: 'js/indexTimeline/components/tl_overallHeader/templates/tl_overallHeader.html',
    controller: function() {
        this.ms = 'tlOverallheader!'
    }
})

ありがとう！

Answer 1

次のように、コンポーネント コントローラーにサービスを挿入できます。

angular.module('app.module')
        .component('test', {
            templateUrl: 'views/someview.html',
            bindings: {
                subject: '='
            },
            controller: ['$scope', 'AppConfig', TestController]
        });

    function TestController(scope, config) {
        scope.something = 'abc';
    }

またはこのように：

angular.module('app.module')
        .component('test', {
            templateUrl: 'views/someview.html',
            bindings: {
                subject: '='
            },
            controller: TestController
        });

    TestController.$inject = ['$scope', 'AppConfig']
    function TestController(scope, config) {
        scope.something = 'abc';
    }

Answer 2

スタンドアロン コントローラと同じように、サービスをコンポーネントのコントローラに挿入できるはずです。

controller: function(Utils, authService) {
    this.ms = 'tlOverallheader!'

    authService.doAuthRelatedActivities().then(...);
}