将参数传递回组件[重复]

我遇到以下代码最糟糕的时候:

angular.
    module('albumCarousel').
    component('albumCarousel', {
        templateUrl: '/album-carousel/album-carousel.template.html',

        controller: function AlbumCarouselController($scope, $http) {
            /* the bane of my existence */
            console.log(this.category); // prints undefined..
        }
    }
)

在我的HTML中,我有以下内容:

<angular-carousel category="songs"></angular-carousel>

回到控制器中的组件,

this.category comes back as undefined.

我怎样才能让它返回“歌曲”