html - 停用html模板中的按钮和分类功能

Question

我有这部分 html 模板，我希望 data-hook 为 null when ng-disabled="!applicant.canRegister，因此我希望并期望 (1)registerNowButton()返回 null 并将其传播到 (3) canRegister()。相反，canRegister()即使ng-disabled="!applicant.canRegister为 true 也返回 true，因此按钮在视图中显示为灰色。你能指出我在这里似乎缺少什么吗？

谢谢你。

    <div class="u-margin-top-m"
           ng-if="isSigningOnSite(applicant) && !hasRegistered(applicant) && !hasCancelled(applicant)">
            <button ng-click="proceed(applicant)" class="cui-button cui-button--compact"
                    ng-disabled="!applicant.canRegister"
                    data-hook="register-now">
                <i class="material-icons" aria-hidden="true">gesture</i>
                <span translate="view.applicants.startRegistering"></span>
            </button>
    </div>

这是 js/ts 部分：

  (1)   async canRegister(registereeName: string) {
            const registeree = await this.getRegisteree(registereeName);
            return registeree.canRegister();
        }


  (2)   canRegister() {
            return this.registerNowButton() !== null;
        }


  (3)   private registerNowButton() {
            return Button.byHook("register-now", this.element);
        }

标签： htmlangularjstypescript