問題タブ [angular2-components]

テーブルテンプレートを持つコンポーネントがあります。

これは一部です：

しかし、tr の代わりに 2 つ挿入する必要があります。別の部品として使用しようとすると、テーブルが壊れます。

サイクル内の各 tr の後に別の tr を挿入するトリッキーな方法はありますか? または、彼のテンプレートにコンポーネントセレクターを交換する方法があるかもしれません

私は現在、Angular 2 を使用して一連の CRUD コンポーネントを開発しています。これまでにオンラインで見つけたすべての例ではHttp、コンポーネント内にサービスが含まれています。つまり、リソースを作成するコンポーネント (これを と呼びます) には、クラスを使用してリモート サーバー上にリソースを作成するResourceCreateコードが含まれています。Http同様に、すべてのリソースを含むリストを表示するコンポーネント (これを と呼びます) には、クラスをResourceList使用してサーバーからリソースのリストを取得するコードが含まれています。Http

ResourceListこれは、たとえば、まだサーバー上に配置されていないが、クライアント上で一時的に生成されたリソースのリストをを使用してレンダリングする場合を除き、問題なく機能します。もう 1 つの例は、ResourceCreateリソース情報を入力するためだけに を使用し、サーバーではなくローカルに保存することです。上記の 2 つのケースでHttpは、コンポーネントにサービスを含めることは冗長です。

したがって、これらのコンポーネントに対する私の考えは次のとおりです。

• 親コンポーネントを作成し、すべての CRUD サブコンポーネント (例: 、 ) をアタッチしResourceCreateますResourceList。
• を使用してデータを送信または受信する代わりにHttp、親コンポーネントにデータを渡したり、CRUD サブコンポーネントのイベントをInput()sリッスンしたりします。Output()たとえば、親コンポーネントHttpにリソース リストをフェッチするリクエストを実行させ、そのリストをResourcetListコンポーネントに渡します。もう 1 つの例は、リソースの説明とともにResourceCreateコンポーネントにイベントを発行させることです。submitこのイベントは親コンポーネントによってキャッチされ、親コンポーネントはこれをサーバーに送信します。

このアプローチを使用することで、CRUD コンポーネントはリソース ストレージについて何も知りません。したがって、リソースがローカルまたはファイル内にある場合、変更する必要があるのは親コンポーネントのみであり、CRUD コンポーネント自体ではありません。これにより、CRUD コンポーネントがより再利用しやすくなります。

このアプローチに欠点があるかどうかを理解しようとしています。インターネットで見つけた CRUD の例で、このアプローチを使用していないのはなぜHttpですか? CRUD コンポーネント内にサービスを埋め込んでいます。何か案は？

前もって感謝します。

コンポーネントのリストを読み込んで、自分のページに動的に作成しようとしています。これには ComponentResolver を使用し、新しい @ViewChild 方法を使用してコンポーネントを作成しています。

ComponentCreator クラスを拡張する MainComponent ファイルがあります。この ComponentCreator クラスは、他のすべてのコンポーネントが「拡張」して、それぞれの子コンポーネントを作成するために使用できる基本クラスです。

わかりやすくするためのコード スニペットを次に示します。

MainComponent.ts

ComponentCreator.ts

私が直面している問題は、コンポーネントの作成順です。たとえば、4 つの子コンポーネントがあり、そのうち 2 つはプレーンな HTML テーブルで、2 つは d3 を使用して描画されたグラフです。作成順序を 1,2,3,4 と指定していますが、レンダリングの順序がめちゃくちゃです。それらはすべて「ターゲット」div 内にロードされるため、HTML テーブルは高速にレンダリングされ、両方のチャートの前に表示されます。

それを修正する方法はありますか、または順序が同じになるようにテーブルとチャートに別々の div を使用する必要がありますか?

次のように 2 つのコンポーネントがあり、別のコンポーネントから関数を呼び出したいと考えています。両方のコンポーネントは、3 番目の親コンポーネント using ディレクティブに含まれています。

コンポーネント 1:

コンポーネント 2:

@inputandを使用してみまし@outputたが、その使用方法とその関数の呼び出し方法が正確にわかりません。誰か助けてもらえますか?

Inputs.A を使用して Angular2 コンポーネント チェーンを作成したかったのです。 app > parent > child からの簡単なチェーン例です。アプリ内のどこで、インターンが実行時に子に設定されるデータを設定します。以下の同じコード。

------------- 親.コンポーネント.ts ----------------

--------------------------- child1.component.ts ---------

parent.component.ts で{{fromapp}}、一時変数に保存するなど、いじってみましたが、機能しません。parent.component fromappinが定義されていないというエラーが表示されます。

コンポーネントのマルチチェーンを行う方法、その基本は正しいですか?