如何显示 ABP 商业的“关联账户”模式

【问题标题】：How to show 'Linked accounts' modal of ABP commercial如何显示 ABP 商业的“关联账户”模式
【发布时间】：2022-08-21 19:10:28
【问题描述】：

我使用ABP商业框架，但是在前端我使用自己的模板和菜单，所以我想把它的链接帐户菜单放在我的菜单中。这里的问题是，当我单击“链接帐户”菜单时，它会显示一个模式并且不会路由到另一个地址。如果它是路由，我可以使用它的路由，但我必须显示该模式，但我看不到有关该菜单的任何角度代码。那么如何在我的自定义模板中显示“链接的帐户”模式？

标签： angular abp

【解决方案1】：

我向 ABP Commercial 的支持人员询问，他们回答：

您可以通过注入 OPEN_MY_LINK_USERS_MODAL 令牌和执行注入函数。

import { Component, Inject } from '@angular/core';
import { OPEN_MY_LINK_USERS_MODAL } from '@volo/abp.commercial.ng.ui/config';

@Component({
  /*Component Metadata*/
})
export class MyComponent {

  constructor(
    @Inject(OPEN_MY_LINK_USERS_MODAL) public openMyLinkUsersModal: () => voi) {}
}

在此之后，我们可以在组件的任何地方调用 openMyLinkUsersModal：

<!-- My Component Template -->
<button class="btn btn-primary" click="openMyLinkUsersModal()"> Open LinkUsersModal </button>

【讨论】：