在 Angular 2 中将组件引用分离到单独的文件中

Question

是否可以创建所有组件引用的打字稿文件，以便在应用程序模块和应用程序路由模块等不同模块中使用以避免重复？

import { AppComponent } from './app.component';
import { HeaderComponent } from './components/header.component';
import { BreadcrumbComponent } from'./components/breadcrumb.component';

向上想要能够做这样的事情

import from '/components'

Answer 1

您应该创建文件.components/index.ts

索引.ts

export * from './components/header.component'
export * from './components/breadcrumb.component'

现在，您可以将：

import {HeaderComponent,BreadcrumbComponent } from './components'