問題タブ [angular2-compiler]

ディレクティブを含む HTML を手動でコンパイルしたいと考えています。$compileAngular 2に相当するものは何ですか?

たとえば、Angular 1 では、HTML のフラグメントを動的にコンパイルして DOM に追加できました。

現在、アプリ コンポーネント レベルで HTTP_PROVIDERS を設定しています。./node_modules/.bin/ngc 経由でコンパイラを実行すると、エラーが表示されます。

コンパイラを実行するときの完全なエラーは次のとおりです。

HTTP_PROVIDERS を設定しているアプリ コンポーネント

使用される Compiler、Compile-cli、typescript、および @angular/http のバージョン

Tsconfig.json

Typings.json

HTTP_PROVIDERS を含めない場合、コンパイルはエラーなしで正常に実行されます。HTTP_PROVIDERS でコンパイルできるように、何を変更する必要があるかについてのガイダンスは役に立ちます。

ブートストラップにプロバイダーを追加しようとするコメントへの返信。これは私のmain.tsです。追加のプロバイダーを追加する方法をまだ理解していません。これは、オフライン コンパイラを使用した基本的な例です。

angular2、webpack、およびangularuniversalを使用していますが、プロジェクトは正常にビルドされますが、実行時に次のエラーが発生します。angular RC4で正常に動作します

Error: Cannot find module '@angular/compiler/src/template_parser' at Function.Module._resolveFilename (module.js:339:15) at Function.Module._load (module.js:290:25) at Module.require (module.js:367:17) at require (internal/module.js:16:19) at Object.<anonymous> (/Applications/XAMPP/xamppfiles/htdocs/connecthealth/web-app/node_modules/angular2-universal/dist/node/platform/node.js:25:25) at Module._compile (module.js:413:34) at Object.Module._extensions..js (module.js:422:10) at Module.load (module.js:357:32) at Function.Module._load (module.js:314:12) at Module.require (module.js:367:17)

テンプレートを動的に作成したい。ComponentTypeこれは、実行時に を構築し、ホスティング コンポーネント内のどこかに配置(置換も)するために使用する必要があります。

RC4 までは を使用してComponentResolverいましたが、RC5 では次のメッセージが表示されます。

このドキュメントを見つけました ( Angular 2 Synchronous Dynamic Component Creation )

そして、私はどちらも使用できることを理解してください

• ngIfとダイナミックな種類ComponentFactoryResolver。内部で既知のコンポーネントを渡す場合@Component({entryComponents: [comp1, comp2], ...})-使用できます.resolveComponentFactory(componentToRender);
• 実際のランタイム コンパイル、Compiler...

しかし、問題はそれをどのように使用するCompilerかです。上記のメモには、次のように電話する必要があると書かれていCompiler.compileComponentSync/Asyncます。

例えば。ある種の設定に対して、この種のテンプレートを(いくつかの構成条件に基づいて)作成したい

別のケースでは、これ(string-editorは に置き換えられtext-editorます)

など（プロパティの種類ごとに異なる番号/日付/参照editors、一部のユーザーの一部のプロパティをスキップ...）。つまり、これは一例であり、実際の構成では、はるかに異なる複雑なテンプレートが生成される可能性があります。

テンプレートが変更されているため、ComponentFactoryResolver既存のものを使用して渡すことができません... Compiler.

angular2コンパイラを使用してコンポーネントを動的に挿入しようとしていますが、すべてのコードがデフォルト モジュールにある限り問題なく動作します。

しかし、コンポーネントを独自の機能モジュールに入れようとすると、壊れます。挿入されたコンパイラ インスタンス ( ModuleBoundCompiler ) は、機能モジュールではなく既定のモジュールにバインドされており、コンパイラ呼び出しでモジュールをオーバーライドできません。これは、循環依存関係 (機能モジュール エクスポート コンポーネント、コンポーネントは機能モジュールを参照する必要があります)。

これがバグなのか、それとも何か間違っているのでしょうか?

デフォルトのモジュール:

アプリ コンポーネント:

機能モジュール:

FeatureComponent :

プロジェクトを Angular 2 RC 6 に更新しました。ブログ投稿http://angularjs.blogspot.com/に記載されているように、現在 Ahead of Time (AoT) Compilation を使用しようとしていますが、成功していません。

ASP.Net でプロジェクトをビルドしているので、angular cli を使用していません。

ブログ投稿が示唆するように、 @angular/compiler-cli をインストールしました

しかし、コマンド プロンプトから ngc を実行しようとすると、エラーが発生します。

ASP.Net プロジェクトで AoT コンパイラを使用する方法を教えてください。または、Angular CLI を使用していないが、コンポーネントなどを手動で構築している場合。

編集

最初に./node_modules/.bin/に移動してから実行することで、なんとかngcを実行できました

しかし今、コンパイラは以下のエラーをスローしています:

プロジェクトを ngc でコンパイルしようとすると、次のエラーがスローされます。

私のアプリモジュールには以下のプロバイダーがあり、おそらくこれがプロジェクトの原因です。これの何が問題なのか正確にはわかりませんか？

RC1 から Angular2 の最終リリースにアップグレードしました。RuntimeCompiler多くの調整を行いましたが、注射するたびAppComponentにこのエラーが発生します。

ここで何が起こっているのかわかりませんし、この問題に関する Web の回答も見ていません。とにかく、ここに参照用の私の AppComponent があります。

前もって感謝します。