如何在 Angular 2 中导出多个组件答案

【问题标题】：How to export multiple components in Angular 2如何在 Angular 2 中导出多个组件
【发布时间】：2016-12-02 02:05:04
【问题描述】：

我正在为 npm 创建一个 Angular 2 库，并希望允许用户在一个导入语句中实现所有组件。

例如导入ROUTER_DIRECTIVES时

import {ROUTER_DIRECTIVES, Router} from '@angular/router';

directives: [ROUTER_DIRECTIVES]

我怎样才能做到这一点？

【问题讨论】：

把它们都放在同一个文件中
我不确定你的意思。如果我只写导出类组件 1 {} 和导出类组件 2{}。您仍然需要编写 import {component1, component2} from 'path'
哦，你想要 ROUTER_DIRECTIVES 行为。 export var MY_DIRECTIVES = [ DirectiveOne, DirectiveTwo ];
这么简单，非常感谢。
您能否将您的评论添加为答案，以便我将其标记为正确。

标签： angular

【解决方案1】：

您可以将组件放在一个数组中并导出该数组：

export var MY_DIRECTIVES = [ DirectiveOne, DirectiveTwo ];

您将能够导入该数组：

import { MY_DIRECTIVES } from 'your/file';

【讨论】：