单击打开angularjs模态弹出窗口

Question

我需要有关angularjs模态弹出窗口的帮助。 点击不会显示模态弹出窗口，只需点击2次即可。 我本来想要点击getAssessmentFee()并弹出模态。 请帮忙

HTML ：

    <a ng-click="payFee() class="btn btn-xs">Pay</a>

Angularjs ：

      getAssessmentFee() {

    var localResource = <IApplicationResource>this.Resource;

    this.$scope.waiting++;

    localResource.getAssessmentFees().$promise.then((data) => {
        this.$scope.fees = data;

    }, () => {
            this.$scope.waiting--;

        }
        );

    this.$scope.waiting--;
}


payFee() {

    this.getAssessmentFee();

   var modalInstance = this.$modal.open({

        animation: true,
        templateUrl: '/App/site/Modals/viewassessmentfees.html',
        controller: 'ViewAssessmentFeeCtrl',
        backdrop: "static",
        size: 'lg',
        keyboard: false,
        resolve: {
            resource: () => {
                return {
                    item: this.$scope.fees
                };
            }
        }
    });
    modalInstance.result.then((result) => {
        this.$scope.reloadPage();
    }, () => {

        });
}