問題タブ [angular2-components]

ボタンクリックを使用して動的コンポーネントを手動で作成しました。[追加] ボタンをクリックすると、追加ボタンの横にコンポーネントが作成されます。[削除] ボタンをクリックすると、コンポーネントが削除されます。

プランカー

ここでの問題は、ngFor を使用してコンポーネントを作成しているときに、[削除] ボタンをクリックしているときにコンポーネントを削除できないことです。ngFor を使用してコンポーネントを作成しているときに、Remove 関数呼び出しが行われていないことに気付きました。

私のコードの下：

親コンポーネント:

子コンポーネント:

この問題を解決するのを手伝ってください。どうもありがとうございました。

前もって感謝します。

コンポーネントを使用するテンプレートから設定したい routerLink プロパティを持つ要素を含むコンポーネントを作成しました。これを実行しようとすると、「未定義のプロパティ 'パス' を読み取れません」というエラー メッセージが表示されます。

私のコンポーネントはこれにリンクしています：

info-box.component.ts

info-box.component.html

そして、コンポーネントが使用されるテンプレートは次のようになります。

routerLink を追加しないと、すべて正常に動作します。テンプレートに直接追加しても問題なく動作するため、ルーターの設定は正しいようです。誰でもこれで私を助けることができますか？

Grt マルコ

コードのデバッグを支援するために、Angular 2 で最初のアプリケーションを開発しています。Google Chrome 用の Augury プラグインをインストールしました。

コンポーネント ツリーとグラフは次のとおりです。

これは、私のカスタム コンポーネント (DocumentsList) の HTML テンプレートです。

spanグラフの はディレクティブdivがあるの子なので*ngFor、 の親としてグラフに表示されるべきではありませんspanか?

グラフは次のようになるべきだったと思います (画像はペイントで作成)

私はangular 2を初めて使用します。「委託品の追加」オプションをクリックすると、シリアル番号と複数の入力スロットを含む新しい行が追加されるテーブルがあります。委託品をさらに追加し (テーブルに複数の入力スロットの行を追加します)、これらすべての行に情報を入力して送信すると、最後の行の値のみが返されます。テーブルから複数の入力行すべての値を 1 つのオブジェクトとして返す方法を教えてください。ありがとうございました。

以下は私のコードです：

テンプレート

成分

モーダル ウィンドウに挿入された動的に作成されたコンポーネントを破棄しようとしています。コンポーネントコードは

このサービスを介して表示されるモーダルウィンドウ

このサービスは、使用するコンポーネントのタイプと、入力および出力プロパティをコンポーネント参照 (本体プロパティ) にアタッチするためのコールバックを指定する親コンポーネントによって呼び出されます。

私が抱えている問題は、動的に作成されたコンポーネント (FieldEditorComponent) を破棄しようとすると、次のエラーが発生することです。

ご覧のとおり、FieldEditor でサブスクリプションをクリアしようとしました。また、最初に、破棄されている ComponentRef で使用可能な ChangeDetectorRef をデタッチしました。FieldEditor の ChangeDetectionStrategy を OnPush に変更しても効果はありませんでした。また、コンポーネントの破棄、null への参照の設定、およびモーダルの可視性の削除について、あらゆる種類の setTimeouts を試しました。

モーダル コンポーネント自体は、html を保持して modalBody ViewContainerRef を取得するためだけに存在し、modalService の visible プロパティは「display: none;」を介して機能します。*ngIf 経由の代わりに。

次のような入力プロパティを持つカスタム コンポーネントがあります。

親コンポーネントにプロットできるように：

@Component デコレータと親コンポーネントのクラスは提供していないことに注意してください。これらは関連性がないと思うからです。

これで、 MyComponent の内部で の値を変更できることが起こりますvalue。

MyComponent のテンプレート内から を表示する{{value}}と、有効期間を通じて正しい値が表示されます。

親コンポーネントのテンプレートから を表示{{someValueAtParentComponent}}しますが、MyComponent の値で更新されません。[(value)] は自動的に仕事をすると思っていましたが、そうではないと思います。

親コンポーネントが明示的@Outputに設定されるイベントを処理するために MyComponent でイベントを作成したくありません。someValueAtParentComponent

Angular は、親コンポーネントが処理するイベントを発行したいと考えていますが、それは非常に面倒です。[(value)]の代わりにシンタックス シュガーを使用できるように、独自のコンポーネントでできることはあり[value]="..." (onValueChanged)="onValueChangedHandler($event)"ますか?

コンポーネント ページをサービスを介して別のページに渡すと、その別のコンポーネントは「未定義 [?]」でインスタンス化に失敗します。

これを達成する方法は？(コンテキスト: コンポーネント ナビゲーションを 1 つのサービスに集中できるようにするため)

アップデート

これは私たちの現在の回避策であり、Ionic Beta や Angular Beta のほとんどと同じように醜いものです。これは「PassThroughComponent」であり、navService を介してコンポーネントからコンポーネントへ動的にナビゲートするたびに呼び出されます (ユーザー ジャーニーを計算するいくつかのアルゴリズムがあります)。

動作しない:

browser_adapter.js:84 元の例外: TypeError: 未定義のプロパティ 'setRoot' を読み取れません

また、navController では動作しません。

親と孫の間で2つの方法でバインドする必要があります。したがって、子と他の 2 つの間のバインドの双方向を行うようにします。

そう思う人もいる

孫 <==> 子 <==> 親

しかし、期待どおりには機能しません。

これは私の孫です：

これは私の子供です：

これは私の親です：

こんにちは、親コンポーネント (A) があり、2 つの子コンポーネント (B と C) があります。親Aはデフォルトで子コンポーネントBを表示します。親Aに表示されているボタンをクリックすると、子コンポーネントBが子コンポーネントCに置き換えられます.angular2でボタンをクリックした後、コンポーネントBをコンポーネントCに置き換えるにはどうすればよいですか?