在将angularjs组件转换为es6类时，我在哪里做错了？

Question

图表的选项不会出现。 $ onChanges方法未被调用。但是没有编译错误。没有es6约定我执行了相同的操作。当我将其转换为es6类时，我正面临着这个问题。请帮忙...

class chartController{

    constructor(dashboardService){
        this.dashboardService = dashboardService;
    }

    $onChanges(changes) {
        console.log(changes);
        if (changes && changes.options.currentValue) {

          this.lineChartOptions = dashboardService.options.getLineChartOptions();
            console.log("calling updateLineChartOptions");
            updateLineChartOptions();
        }
    }
    updateLineChartOptions() {

        angular.extend(this.lineChartOptions, this.options);
        this.lineChartOptions.bindingOptions = {
            'dataSource': '$ctrl.options.dataSource',
        };

        this.lineChartOptions.valueAxis = {
            valueType: 'numeric'
        };
    }
}

class ChartComponent{
    bindings = {
        $transition$: '<', options: '<'
    };
    controller = chartController;
    templateUrl = 'views/chart.html';
}

app.component('chart', ChartComponent);

Answer 1

const ChartComponent = {
    bindings: {
        $transition$: '<',
        options: '<'
    },
    controller: chartController,
    templateUrl: 'views/chart.html',
}

app.component('chart', ChartComponent);

.component实例的angular.module方法需要一个对象作为其第二个参数，而不是一个类（或函数）。

有关更多信息，请参阅

• AngularJS angular.module Type API Reference - component method