問題タブ [angular2-components]

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 に答える
8720 参照

angular - 既にレンダリングされたコンポーネントの入力値をプログラムで変更する方法 (Angular 2)

私のAngular 2アプリには、別のコンポーネントを含むコンポーネント(mainComp)があります

my-compは、 (選択/クリック時に)値を発行します(カスタムドロップダウンです)

mainCompによってドロップダウンの値を受け取ります

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

angular - Angular 2: コンポーネントを特定/n 番目の位置に動的に追加する

特定のインデックスにコンポーネントを追加できません。たとえば、プランカーリンクの下。 PlunkerAddRemoveComponents

ここでは、初回のみ特定のインデックスにコンポーネントを追加できます。

私のシナリオは次のとおりです。

  • [コンポーネントの追加] ボタンを 3 回クリックします。連続して 3 行作成されます。
  • 次に、2 行目の [追加] ボタンをクリックすると、別の行が作成されます。
  • 同じボタンをもう一度クリックすると、次の行にコンポーネントが作成されます

ここで、問題は、追加ボタン行の横に毎回コンポーネントを作成したいということです。

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

javascript - Angular2: 親コンポーネントへの現在のルートを提供する

はじめに: 現在ビルドしているアプリケーションは Angular2(RC3) のものです (@angular/routerv3.0.0-alpha.8 モジュールを使用)。

このアプリは、現在のルートに従って選択する必要があるさまざまなヘッダー コンポーネントを含む親コンポーネントで構成されています。要するに:

親コンポーネント テンプレートには、次のようなスイッチがあります。

親コンポーネントのdataStoreはのように定義されます。

これまでの私のすべての努力は、実用的な解決策にはなりませんでした。カスタム Observable を提供する routeStore を作成しようとしましたが、次のようになります。

この部分は、次のようにボタンをクリックして別のルートに移動すると、親にデータを提供できます。

しかし、ページを更新するかアプリを初期化するとすぐに、

エラー。

また、親コンポーネント内のすべてのルーティング変更を、次のようなルーターを使用してのみ処理する私の努力

urlPathArrayの path プロパティが常に空の文字列 (親コンポーネントのルートを意味する) を返すため、許容できる結果にはなりませんでした。

現在アクティブなルートを親コンポーネントのdataStoreオブジェクトcurrentRouteプロパティに渡して ngSwitch ステートメントを再実行し、正しいヘッダーを表示するにはどうすればよいですか?

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

angular - コンポーネント間のオブジェクトの双方向データバインディング

入力付きのコンポーネントがあります:

MyInputComponent のテンプレート

内部にフィルター入力を設定し、外部コンポーネント オブジェクトに影響を与えたい。

MyInputComponent双方向のデータバインディングを実現するためにフィルターオブジェクトを渡す方法は?

[(ngModel)]="filter.value" のようなものを達成したいのですが、コンポーネント間で作業しています

双方向データバインディングに関する他の投稿は、私の質問には答えません。

編集:

extends DefaultValueAccessorMyInputComponent で使用した後、親コンポーネントの入力がエラーなしで消えます。

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

angular - ジェネリック型 'ComponentRef' 型引数が 1 つ必要です

ionic-2 の動的コンポーネントを削除できません。タイプスクリプトのコンパイル中に例外を言っています

「ジェネリック型 'ComponentRef' には 1 つの型引数が必要です」.

また、ionic2を使用せずに使用している間も同じコードが機能しています。どうもありがとうございました。前もって感謝します。

例外: TypeScript エラー: ....../home/home.ts(9,11): エラー TS2314: ジェネリック型 'ComponentRef' には 1 つの型引数が必要です。

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

angular - Chrome インスペクタを使用している場合、Subscribe のコンポーネント変数にアクセスできない

この質問に似ていますが、すでに選択した回答があるようです。私は次のものを持っています...

問題はthis、インスペクターで定義されていないことですが、適切な console.log が表示されます...

コンソールが未定義であると言っているのはなぜですか

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

angular - angular 2:動的コンポーネントを使用すると、送信ボタンをクリックしているときにすべての入力値を他のコンポーネントに渡します

いくつかの入力フィールドを持つ複数の動的コンポーネントを作成しました。ここで、[送信] ボタンをクリックしながら、すべての入力値を他のコンポーネントに送信したいと考えています。

シナリオは、

  • Add ボタンを 5 回クリックします。これで、入力フィールドを含む 5 つの行が作成されます
  • 次に、送信ボタンをクリックすると、すべての入力値が警告されます。ここで、 @I​​nput/@Output を使用しようとしたが、実行できなかった問題。

プランカー

これについて私を助けてもらえますか?

どうぞよろしくお願いいたします。前もって感謝します。