[解決済み] angular ngModuleのentryComponentsとは何ですか?
質問
私は今
Ionic
アプリ(
2.0.0-rc0
に依存している)。
angular 2
. そのため、新たに導入された
ngModules
が含まれます。私が追加しているのは
app.module.ts.
を以下に示します。
import { NgModule } from '@angular/core';
import { IonicApp, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { Users } from '../pages/users/users';
@NgModule({
declarations: [
MyApp,
Users
],
imports: [
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
Users
]
})
export class AppModule {}
とは何ですか?
entryComponents
はここで何をしているのでしょうか?
Components
はすでに
declarations
. では、これらを繰り返す必要はあるのでしょうか?もし、ここにコンポーネントを含めない場合はどうなりますか?
解決方法は?
を使用して追加される動的追加コンポーネントが対象です。
ViewContainerRef.createComponent()
. に追加すると
entryComponents
はオフラインテンプレートコンパイラにこれらをコンパイルし、ファクトリを作成するように指示します。
ルートコンフィギュレーションに登録されたコンポーネントは、自動的に
entryComponents
と同じように
router-outlet
を使用しています。
ViewContainerRef.createComponent()
を使用して、ルーティングされたコンポーネントを DOM に追加します。
オフラインテンプレートコンパイラ(OTC)は、実際に使用されるコンポーネントのみをビルドします。もしコンポーネントが直接テンプレートで使われていなければ、OTCはそれらをコンパイルする必要があるかどうかを知ることができません。entryComponentsを使えば、このコンポーネントもコンパイルするようにOTCに指示でき、実行時に利用できるようになります。
エントリーコンポーネントとは何ですか?(angular.io)
<ブロッククオートこのコンポーネントが定義されたときに、同様にコンパイルされるべきコンポーネントを定義します。ここに記載された各コンポーネントに対して、AngularはComponentFactoryを作成し、ComponentFactoryResolverに格納します。
動的に追加されるコンポーネントを
entryComponents
というエラーメッセージが表示されます。これはAngularがファクトリーを作成していないためです。
参照 https://angular.io/docs/ts/latest/cookbook/dynamic-component-loader.html
関連
-
[解決済み] Angular 2の「コンポーネント」は既知の要素ではありません。
-
[解決済み] Angular [disabled]="MyBoolean "が動作しない。
-
[解決済み] Angular 2+でngShowとngHideに相当するものは何ですか?
-
[解決済み] NgModuleにおける宣言、プロバイダ、インポートの違いは何ですか?
-
[解決済み】PromiseとObservablesの違いは何ですか?
-
[解決済み】Angularでファイルアップロード?
-
[解決済み] 設定ファイルにng serveのデフォルトのホストとポートを設定する。
-
[解決済み] AngularのINPUT要素でngModel内のパイプを使用する
-
[解決済み] ナンバーパイプ - Angular 2のパラメータは?
-
[解決済み] Angular2の変更検出:ネストされたオブジェクトに対してngOnChangesが発生しない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Angularフレームワーク入門
-
[解決済み] formGroup' は 'form' の既知のプロパティではないため、バインドできません。
-
[解決済み] Angularのエラーです。"Can't bind to 'ngModel' because it isn't a known property of 'input'"."
-
[解決済み] Angularのルーティングされたコンポーネントにデータを渡すにはどうしたらいいですか?
-
[解決済み】プロパティ「of」が「typeof Observable」型に存在しない【重複
-
[解決済み】ユーザークリックで選択されたコンポーネントを含むダイナミックタブ
-
[解決済み] Angular2の括弧、括弧、アスタリスクの違いは何ですか?
-
[解決済み] テンプレート駆動型とリアクティブ型の実用的な違いとは?
-
[解決済み] index.tsは何に使われているのですか?
-
[解決済み] Angularでオブジェクトを繰り返し処理する【重複】。