角度2 RC1 - 基本コンポーネント

Question

内部の自動インポートすべて使用されるコンポーネント私は活字体でAngular2に非常に新たなんだと私は今、長い時間のために解決することはできませんよ問題を抱えている：

私が提供したいですユーザーはビュー内で小さなコンポーネントツールキットを使用して（実際の）小さなアプリケーションを構築します。したがって、既にインポートされているかどうかにかかわらず、子要素のそれぞれを初期化してチェックするときに、その子要素をすべて調べることができるアプリケーションコンポーネントが必要です。そうでなければ、その使用を可能にするためにそれをインポートします。

<test-auto-import> 
    <!-- freely use custom components, because the test auto import element 
     will automatically take care of the imports when initializing --> 
    <some-custom control="that is acutally not imported"></some-custom> 
    <another-unimported></another-unimported> 
</test-auto-import> 

これを解決するための基本的な考え方は次のとおりです：

import { Component, OnInit } from '@angular/core' 

@Component({ 
    selector: 'test-auto-import', 
    templateUrl: 'test-auto-import.html', 
    styleUrls: ['test-auto-import.css'] 
}) 

class TestAutoImportComponent implements OnInit 
{ 
    ngOnInit() { 
     // run through children and getting their tag names 
     let app = document.getElementsByTagName('test-auto-import'); 
     let children = app.childNodes; 
     let importNames = ''; 

     // so iterate now: 
     for(let i =0; i< children.length; i++) 
     { 
      let child = children[i]; 
      // --------------- 
      // todo: 
      // 1. import the component from generate path by tag name 
      // 2. get the @Component directives array 
      // 3. check whether the name is in it 
      // 4. if not, add it 
      // --------------- 
     } 
} 

だから、基本的には、ステップ1と2（多分これは私がacchieveしたいものである - HTML /コードでそれを言って

4も同様）は、何らかの方法で解決できなかった重要なステップです。私は本当に必死になってる:(

を任意のヘルプを強くお勧めし 感謝を事前にみんなで

注意！：タグ名は正しいパスを定義するのに十分であろうカスタム命名/構造化規則のおかげでコンポーネントは、タグ名などして、「私のテストは、」静的パス「../elements/my-test/my-test.component.ts」につながる。

Answer 1

更新

角度2でサポートされていませんもうインナル。 あなたが使われているものに応じてインポートすることはできませんHow to make directives and components available globally

元

を参照してください。あなたは何ができるか、すべてのコンポーネントを提供し、ユーザーがMY_DIRECTIVESをインポートし、RC.3これを行う方法については

provide(PLATFORM_DIRECTIVES, {useValue: [MY_DIRECTIVES], multi: true}) 

ようにそれを使用する必要がある

export const MY_DIRECTIVES = [DirA, DirB, DirC]; 

のようなグローバルプロバイダ彼らにできるようにすることです方法を参照してくださいAngular 2.0.0-rc.2: How to migrate PLATFORM_DIRECTIVES