Javascript 如何在组件控制器中使用绑定值

我有一个组件如下所示：

var meadow = angular.module('meadow');

meadow.component('productIncome', {
    bindings: {
        product: '='
    },
    templateUrl: '/static/js/app/product-detail/product-income/product-income.html',
    controller: function () {
        var vm = this;

        console.log(vm.product)
    }
})

现在我想让我们了解绑定到组件的产品，但它告诉我“vm.product未定义”。我尝试过使用$onInit，但它仍然产生相同的结果。花费$onInit，它做到了：

 vm.$onInit = function(){
      console.log(vm.product)
 }

product-income.html

<product-income product="$ctrl.products.product"></product-income>

---

我怎样才能让它工作？谢谢

我在这里做了一个工作演示：

var meadow=angular.module（'meadow'，[]）；
meadow=meadow.controller（“abc”，功能（$scope）{
$scope.products={
产品：“a”
}
});
草地部分（“产品收入”{
绑定：{
产品：'='
},
模板：“”，
控制器：函数（）{
var vm=这个；
vm.$onChanges=function（）{
log（“onchange”，vm.product）；
}
setTimeout（函数（）{
console.log（“超时”，vm.product）；
});
}
})

什么是

产品。产品

？我猜

产品

就是收藏。我说得对吗？是的。它有一个不同的控制器。如果是这样，那么您需要通过此集合进行迭代，如：