ES6 Angular 1.5控制器中的ngDialog

Question

我正在尝试将我的Angular 1.5代码重写为ES6。我正在使用ng-dialog，我正在导入它，但没有将它注入到控制器中，因为我试图使它成为模块本身的依赖项。我有以下代码：

import angular from 'angular';
import ngDialog from '../libraries/ng-dialog';

const template = `<div>
        <button ng-click="ctrl.openTheDialog()">Click Me</button>
    </div>`;

class MyController {
    constructor($scope) {
        'ngInject';
        this.$scope = $scope;
    }

    openTheDialog() {
        ngDialog.open({
            template: templateUrl,
            scope: this.$scope
        });
    }
}

angular.module('myApp', ['ngDialog'])
    .component('myComponent', {
        template: template,
        controllerAs: 'ctrl',
        controller: MyController
    });

当我单击该按钮时，我得到一条错误消息，指出open不是一个函数。我真的不确定我在哪里犯了错误。有人能帮我指出错误吗？谢谢!

Answer 1

事实证明，您只需要在构造函数中将ngDialog设置为一个属性：

constructor($scope, ngDialog) {
    this.ngDialog = ngDialog;
    ...
    ...
}

openTheDialog() {
    this.ngDialog.open({
    ...
    });
}