Question

我是angular2的新手，我已经成功创建了三个组件来创建/编辑，查看和列出员工，组件选择器就像<create-employee>, <view-employee>, <list-employee>。

我的要求是我需要在nodejs库中创建一个npm包，以便公开发布此员工模块，这样单个npm模块就可以拥有所有这三个组件。

到目前为止，我在documentation的帮助下创建了一个npm包。我可以在我的应用程序中将其安装为节点模块，并成功完成创建员工功能。但我缺少的是另外两个组成部分。我没有为视图和列表创建另外两个节点包，而是希望在一个npm包中提供三个组件。

我期待的是：

app.module.ts

import { EmployeeModule } from 'employee-library';
@NgModule({
  declarations: [..],
  imports: [EmployeeModule],
  providers: [],
  bootstrap: [AppComponent]
 })

user-create.component.html
  <create-employee></create-employee>

user-view.component.html
  <view-employee></view-employee>

user-list.component.html
  <list-employee></list-employee>

Answer 1

将您的3个组件包装在let ourUnionOfBodies = SKPhysicsBody(bodies: [merge[0].physicsBody!, merge[1].physicsBody!, merge[2].physicsBody!]) ourUnionOfBodies.isDynamic = true merge[2].physicsBody = ourUnionOfBodies

中

EmployeeModule

然后公开您的图书馆，之后，您可以使用您的模块

import { NgModule } from '@angular/core';
// import ... 3 modules

@NgModule({
  declarations: [ CreateEmployee, ViewEmployee, ListEmployee ],
  imports: [...],
  providers: [...],
  exports: [ CreateEmployee, ViewEmployee, ListEmployee ]
})
export class EmployeeModule{ }

exports：Array | any []＆gt;指定列表可以在任何模板中使用的指令/管道/模块组件，它是导入此Angular的Angular模块的一部分模块。

文档链接https://angular.io/docs/ts/latest/api/core/index/NgModule-interface.html#!#exports-anchor

从多个angular2组件为CRUD应用程序创建NPM包

1 个答案: