在对象内部调用函数

Question

我有一组对象，这些对象用于根据Web应用程序中的路由创建按钮。

我在这两个功能中都有一个，一个应确定按钮的隐藏因素，另一个应确定按钮的单击功能。两者都不起作用。

这是打字稿的一部分。

       {
            'route' : '/settings/companies',
            'name' : 'Create Company',
            'color' : 'primary',
            'hide' : function() {
                companyService.companies.subscribe((companies) => {
                    let count = Object.keys(companies).length;
                    let max = 1;
                    if(count == max) {
                        return true;
                    }
                    return false;
                });
            },
            'click' : function() {
                this.newCompanySwal.show();
            }
        },

这是html的一部分。

<span *ngFor="let action of currentButtons">
    <button class="btn btn-{{action.color}} mr-1 btn-sm" [hidden]="action.hide()" (click)="action.click()">{{action.name}}</button>
</span>

最后，我创建了一个显示完整文件的Gist。

https://gist.github.com/moevans2018/cdd969f05259fe0a3209eaeff338485f