在angular+NG_ZORRO项目中如何 引用别人建好的组件菜单

原因：在项目中同事创建好了一个菜单的组件发给了我，我需要添加并且展示。步骤如下

 

# 前端配置

# service-proxy.module 配置

1. 首先在前端项目的根目录中的打开 `nswag-> refresh.bat` 批处理文件更新 service-proxies.ts 文件内容

2. 再到文件夹路径为`\src\shared\service-proxies\service-proxy.module.ts` 文件中添加以下代码：

```
@NgModule({
    providers: [
            //以下内容复制进去
            ApiServiceProxies.SchemeServiceProxy,
            //
            ],
    })

```

# 菜单配置， 添加到菜单位置 到`AppMenus.ts`文件中添加菜单路径

> 复制以下最新代码段内容：

```

{text:'Scheme',i18n:'Scheme',acl:'Pages.Scheme',icon:'anticon anticon-dashboard',link:'/app/admin/scheme'},

```

> 如果您使用的是低版本模板`yoyo-ng-module`的话，请复制以下代码段内容：

```

new MenuItem('Scheme', 'Pages.Scheme', 'anticon anticon-dashboard', '/app/admin/scheme')

```

> '/app/admin/scheme') 中的 admin 可以自行更改到你的特定模块下,

# 路由配置， 添加到使用位置路由的代码段

添加以下代码到自己的模块路由中:如`src\app\admin\admin-routing.module.ts`

#### 不带权限
```
{  path: 'scheme', component:SchemeComponent },
```

#### 带权限验证

```
{  path: 'scheme', component:SchemeComponent,data: { permission: 'Pages.Scheme' }  },

```

以上二选一

 

# 在本组件的 Module 中，添加以下代码到使用的 @NgModule 中的代码
### ================ 在 declarations 项中:

```
SchemeComponent,
CreateOrEditSchemeComponent,

```

### ================ 在 entryComponents 项中:

```
CreateOrEditSchemeComponent,
```