2017-02-06 7 views
-1

Я новичок в angular2, и я успешно создал три компонента для создания/редактирования, просмотра и публикации сотрудников, а селекторы компонентов - как <create-employee>, <view-employee>, <list-employee>.Создайте пакет NPM из нескольких компонентов angular2 для приложения CRUD

Мое требование: мне нужно создать единый пакет npm в библиотеке nodejs для публичного распространения этого модуля сотрудников таким образом, чтобы один модуль npm должен иметь все эти три компонента.

До сих пор я создал пакет npm для этого с помощью documentation. И я мог бы установить это как модули узлов в моем приложении и успешно работал над созданием функциональности сотрудника. Но мне не хватает двух других компонентов. Вместо того, чтобы создавать два других пакета узлов для просмотра и списка, я хотел бы сделать три компонента доступными в одном пакете 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> 
+0

спасибо за ценный отрицательный голос !!. Получил мое решение из ниже ответа !! –

ответ

1

оборачивать 3 компонента в EmployeeModule

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

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

затем публичной библиотеки, после этого, вы можете с помощью модуля

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

export: Array | any []> Spec ifies список директив/каналов/модулей , которые могут использоваться в шаблоне любого компонента , который является частью модуля с угловым модулем, который импортирует этот модуль с угловым .

ссылка Документ https://angular.io/docs/ts/latest/api/core/index/NgModule-interface.html#!#exports-anchor

+0

Спасибо за быстрый ответ !!. Я попробую это и дам вам знать. –

+0

Привет друг !! Работал супер .. Большое спасибо! –

+0

добро пожаловать! –

Смежные вопросы