Я получаю Не могу прочитать свойство 'open' из неопределенного при использовании $ uibModal в AngularJS

Question

Я использовал AngularJS и хотел добиться того, чтобы при нажатии на ссылку появлялось модальное сообщение, поэтому я использовал этот код:

export default class PageLayout {
$uibModal;

showNewPassword(): void {
        this.$uibModal.open({
            controller: 'CommentController',
            controllerAs: 'vm',
            template: require('../../components/comments/CommentModalToChangePassword/commentModalPassword.component.html'),
            size: 'md',
        });
    }
}

PageLayout.$inject = [
    '$uibModal',
];

, но когда я нажимаю

<a ng-click="vm.showNewPassword()" data-e2e="main-menu__log-out">
                                <span class="fa fa-sign-out"></span>
                                <span>Change a password</span>
                            </a>

У меня не получается прочитать свойство 'open' из неопределенного

Answer 1

Попробуйте использовать конструктор и внедрить модальный сервис:

export default class PageLayout {

    static $inject = ['$uibModal'];

    constructor(private $uibModal) {

    }

    showNewPassword(): void {
        this.$uibModal.open({
            controller: 'CommentController',
            controllerAs: 'vm',
            template: require('../../components/comments/CommentModalToChangePassword/commentModalPassword.component.html'),
            size: 'md',
        });
    }
}