将参数传递回组件

Question

我在最糟糕的时候使用以下代码：

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.

如何获取返回“歌曲”的声音

Answer 1

经过一堆谷歌搜索，我找到了答案：$ onInit：

this.$onInit=function() {
    console.log(this.category)
}

我还必须添加一个绑定：

    bindings: {
        category: '@',
    }

感谢您的所有帮助