複数のクラスのインポートを避けるためにコンポーネントを統合する

Question

私のタブモジュールには2つのコンポーネントが必要です。

<tabs> 

と

<tab> 

私はこのようにインポートする必要があり、このタブを使用するには：この場合

import { Tabs, Tab } from '../../components/tabs/tabs.component'; 

2つの成分のみが彼らのです。しかし、私はより多くの "子コンポーネント"を持つコンポーネントを計画しています。それらを統合する方法はありますか？

Answer 1

Typescriptではimport the entire module into a single variableを使用して、モジュールエクスポートにアクセスできます。あなたには、いくつかの行で'../../components/tabs/tabs.component';ファイルを持っている場合は、あなたの場合は

、好き：その後、

import * as TabsModule from '../../components/tabs/tabs.component'; 

アン：

export class Tab { 
... 
export class Tabs { 

あなたは、別のファイルで、を通じて単一の変数に読み込むことができ接頭辞としてTabsModuleを使用してそれらにアクセスしてください。つまり、

• TabはTabsModule.Tabになります。
• TabsはTabsModule.Tabsとなります。

Typescript handbook on Modulesはこれをよく説明しています。ファイル（TabとTabs両方tabs.component.tsにおける）内の複数の成分を有する

---

PSは：Angular2 Style Guide当たり悪い習慣であると考えられます。各コンポーネントを独自のファイルに宣言して、indexファイルを作成して一度にエクスポートすることをお勧めします。Create Import Barrelsを参照してください。