問題タブ [ng-modules]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
87 参照

angular - 異なる設定で同じ NgModule を再利用する

いくつかの構成を渡してカスタマイズできる汎用モジュールを構築したいと考えています。たとえば、ルートモジュールには次のようなものが必要です

は、オブジェクトmoduleFactoryに基づいて構築されるルートを含むモジュールを返しconfigxます。これらのモジュールは、構成オブジェクトに基づいてカスタマイズされたコンテンツを表示するいくつかのビューを提供します。どうやってやるの?

0 投票する
1 に答える
278 参照

angular - Double @NgModule Angular2 を介して他のコンポーネントから要素、変数を取得する

elementvariableの値を_dataTableコンポーネントdatatable.component.tsから (render()関数から) 取得して、新しいボタンの新しいイベントを作成したいと思いますelement.on。または、このコンポーネント内に新しい関数を作成します。DatatableComponentと を介して要素にアクセスする方法に問題がCzas-PracyModuleありSmartadminModuleます。DatatableComponentdouble を直接省略してこれを行うことができますNgModuleが、変数undefinedの値は明らかです。ここから入手したいczas-pracy.component.ts

以下は、コンポーネントの構造と最も重要なファイルのコードです

datatable.component.ts

smartadmin.datatable.module.ts

czas-pracy.module.ts

私は多くの方法を試しましたが、何もうまくいきません...私はどんな提案や解決策にも感謝します. ありがとう。ご挨拶

0 投票する
0 に答える
746 参照

angular - angular 5 と webpack では、「プロダクション」ビルドで「@NgModule アノテーションを追加してください」と表示されます。最初にインポートされたモジュール

私は、webpack、angular 4 でうまく機能し、最近 angular 5 に移動した大規模なプロジェクトと、改善された webpack 構成を持っています。「開発」ビルドは問題なくロードされます。

しかし、「プロダクション」ビルドはロードされ、「@NgModule アノテーションを追加してください」というメッセージが表示されて終了します。

そこで、mangle をオフにして、どのコンポーネントが問題を引き起こしているかを確認しました。そして、 import: [ ... ] @NgModule の array セクションの先頭にリストされているものはすべてリストされていることがわかりました。これはなぜですか?この素敵なエラーの原因は何ですか?

インポートの最初にリストされている最初のモジュールが常に見つからないのはなぜですか?

以下にリストされているバージョンでは、エラーは次のとおりです。

以下は、いくつかの光を当てることを願っているプロジェクトのセクションです。


この問題を更新します。

数日後、私はかなりの進歩を遂げました。
また、この種の問題に遭遇した他の人を助けるかもしれないいくつかのことを学びました.

  1. webpack ビルドの製品版のほぼすべてのプラグインをコメント アウトします。
  2. 名前マングルをオフにします。

これを行った後、問題はプロジェクトの構成セクションの「プロダクション」設定から発生していることを知りました: angular-starter. 問題が表面化した場所は、「build-utils.js」ファイルでした。

ここで、上記の ngcWebpackSetup() 関数内で「buildOptimizer」を false に設定する必要がありました。欠点は、最小化されたコードが 3.59 MB から 4.04 MB に増えたことです。しかし、コードが読み込まれ、ブラウザで正しく実行されるようになりました!

ここで問題が何であるかを学び、報告し、「angular-starter」プロジェクトに修正を投稿することを願っています。

0 投票する
0 に答える
22 参照

angular - ionic/angular 2 宣言されたモジュールのリストを受け取ります

@NgModuleで宣言した全クラスの一覧を受け取る方法を教えてください。

@NgModule にあるモジュール:

そして、受け取りたい例:

宣言またはプロバイダーのリストを受け取るにはどうすればよいですか?

0 投票する
1 に答える
6239 参照

typescript - 共有モジュールからコンポーネントを注入するときのAngular 5 Static Injectorエラー

これが私のコンポーネントファイルです。ng-bootstraps modal を使用して再利用可能なモーダル コンポーネントを作成しようとしています。共有モジュールから次のコンポーネントをインポートしようとすると、静的インジェクター エラーが発生します。他の多くのリソースを調べましたが、実装の何が問題なのかわかりません。

以下は、ModalComponent を宣言してエクスポートする SharedModule です。

静的インジェクター エラーは、コンストラクター内で宣言されるとすぐにスローされます。

メイン App.module ファイル