无法为AngularJS应用打开模态

Question

我试图将模式添加到用AngularJS编写的小型CRUD应用程序中。 使用下面提供的代码，我在控制台中未收到任何错误。 当我单击“添加新员工”按钮时，该按钮应触发以打开模式。 没发生什么事。 我添加了console.log（id）来查看它是否达到了ModalService类的open方法，但是没有任何反馈。

我没有打开模态怎么办？

import angular from "angular";
import employeeController from '../../app/components/employees/employeeController.js';
import modalService from "./modalService.js";

angular.module("employeesApp", [])
.controller('employeeController', employeeController)
.service('modalService', modalService);

export default function ModalService() {
    var modals = ['hire-employee-modal']; // array of modals on the page
    var service = {};

    service.add = add;
    service.remove = remove;
    service.open = open;
    service.close = close;

    function add(modal) {
        // add modal to array of active modals
        modals.push(modal);
    }

    function remove(id) {
        // remove modal from array of active modals
        var modalToRemove = _.findWhere(modals, { id: id });
        modals = _.without(modals, modalToRemove);
    }

    function open(id) {
        // open modal specified by id
        console.log(id);
        var modal = _.findWhere(modals, { id: id });
        modal.open();
    }

    function close(id) {
        // close modal specified by id
        var modal = _.findWhere(modals, { id: id });
        modal.close();
    }
}

<modal id="hire-employee-modal">
    <div class="modal">
        <div class="modal-body">
            <div class="row">
                <div class="col-md-12">
                    <h2>Add an Employee</h2>
                    <ng-include src="'src/app/components/employees/views/form.html'"></ng-include>
                </div>
            </div>
        </div>
    </div>
</modal>
<button class="btn btn-primary" ng-click="vm.openModal('hire-employee-modal')">
    <i class="fas fa-plus"></i> Hire New Employee
</button>