如何在AngularJs 1.6组件的控制器中使用绑定

您好，这是我的组件：

angular.module('myApp').component('dendroCtrl', {
templateUrl: '/templates/dendro.html',
bindings: {
    id: '=',
    type: '=',
    mini: "="
},
controller: function ($scope, Api) {
    //Dendro

    var test = mini;

  <dendro-ctrl id="149" type="Demand" mini="false"></dendro-ctrl>

我试过这个：

var test = mini; 
var test = this.mini; 
var test = $scope.mini; 

Mini每次都是未定义的

如何在控制器中使用绑定？谢谢

编辑

以下是我如何称呼组件的：

angular.module('myApp').component('dendroCtrl', {
templateUrl: '/templates/dendro.html',
bindings: {
    id: '=',
    type: '=',
    mini: "="
},
controller: function ($scope, Api) {
    //Dendro

    var test = mini;

  <dendro-ctrl id="149" type="Demand" mini="false"></dendro-ctrl>

来自：

组件有一个定义良好的生命周期，每个组件都可以实现“生命周期挂钩”。这些方法将在组件生命周期的某些点调用。可以实现以下钩子方法：

• $onInit（）-在构造元素上的所有控制器并初始化其绑定之后（以及在此元素上的指令的前置和后置链接函数之前），对每个控制器调用。这是放置控制器初始化代码的好地方
• $onChanges（changesObj）-在更新单向绑定时调用。changesObj是一个散列，其键是已更改的绑定属性的名称，值是表单的对象

因此，您只需使用：

controller: function(Api) {
    var ctrl = this;
    ctrl.$onInit = function() {
        console.log(ctrl.mini);
    }
}

如果要显示迷你绑定的初始值。

来自：

组件有一个定义良好的生命周期，每个组件都可以实现“生命周期挂钩”。这些方法将在组件生命周期的某些点调用。可以实现以下钩子方法：

• $onInit（）-在构造元素上的所有控制器并初始化其绑定之后（以及在此元素上的指令的前置和后置链接函数之前），对每个控制器调用。这是放置控制器初始化代码的好地方
• $onChanges（changesObj）-在更新单向绑定时调用。changesObj是一个散列，其键是已更改的绑定属性的名称，值是表单的对象

因此，您只需使用：

controller: function(Api) {
    var ctrl = this;
    ctrl.$onInit = function() {
        console.log(ctrl.mini);
    }
}

---

如果要显示迷你绑定的初始值。

如何从页面调用组件？您是否添加了类似的内容？在

$init function

@Massimo中打印它我添加了如何调用组件您如何从页面调用您的组件？您是否添加了类似的内容？在

$init function

@Massimo中打印它我在这里添加了如何调用组件的方法：。发布一个完整的最小示例来重现这个问题，就像我刚才做的那样。在这里效果很好：。发布一个完整的最小示例，再现问题，就像我刚才做的那样。