問題タブ [angular2-inputs]

<markdown-component>ES6 構文を使用してビルドしようとしています。シンタックス シュガーは@InputES6 ではサポートされておらず、実行可能な代替手段が見つかりません。

親の入力を次のように定義しています。

次に、次を使用して入力を受け入れます。

テンプレートを追加すると、期待どおりに値が出力されますが、コンストラクターで入力を使用する方法はありません。

このモジュールは実際にはディレクティブである必要があり、source値は読み込まれる Markdown ファイルへのパスを定義します。

angular 2でes5およびes6構文を使用して入力を取得する方法を理解しようとしています。私はそれが可能であることを知っていますが、それで見つけることができる唯一のドキュメントは@記号を使用しています。コンパイラを使用できるので、コードを es5 と es6 だけで書かなければなりません コンパイラはありません typescript はまったくありません (私は自分のコンピューターで typescript コンパイラを取得しようとしましたが、現在の環境ではできません) 方法を知っている人はいますか? es5 と es6 だけを使用して入力を機能させる。ここに私が試したものがありますが、入力用にある種のインジェクターが必要だと考え続けていますが、タイプスクリプト構文以外にインジェクターに関するドキュメントを見つけることができません

それから私のhtml

コンポーネントは正常にブートストラップされ、コンストラクタ オブジェクトがコンソールに 2 回出力されます。最初の問題は空のオブジェクトです (まだ初期化されていないため、これは理にかなっています)。this.textが以前に定義されていないことを意味します。または後続のチェックで、dom は hi を{{text}}

重度のコンポーネント ページ (30 以上のコンポーネントをロード) にコンポーネントを最初にロードしたときにのみ発生するように見える奇妙なケースに遭遇しています。

このコードでは、親は入力として子への値を取得します。この値は後で要求から取得されるため、子が最初に初期化されるとき、入力は未定義になる可能性があります。値がリクエストから返されて variablemyObjectに設定されると、子コンポーネントがトリガーされた入力イベントを受け取ることが期待されます。ただし、タイミングの関係で、特に多くのファイルが読み込まれているページを最初に読み込むときは、常にそうであるとは限りません。

子コンポーネントが入力を受信しない場合、ページの他の場所をクリックすると、変更検出がトリガーされ、入力値が取得されるようになります。

私が考えることができる2つの可能な解決策は、いくつかの大きなコード変更を必要とするので、それらを実装する前に今すぐ選択することを確認したい.

1. 入力をサブジェクトに変更して、正しいイベントが確実にトリガーされるように入力値をプッシュします (これはやり過ぎのようです)。

2. 動的ローダーを使用して、リクエストが正しい値で返されたときにコンポーネントをロードします（これもやり過ぎのようです）。

更新: plnker の追加: http://plnkr.co/edit/1bUelmPFjwPDjUBDC4vb、ここで、タイトルにデータ バインディングが適用されないように見えることがわかります。

任意の提案をいただければ幸いです。

ありがとう！

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

そう思う人もいる

孫 <==> 子 <==> 親

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

これは私の孫です：

これは私の子供です：

これは私の親です：

同じコンポーネント (app.ts) にフィルタリングとリストがある場合に機能する単純なフィルタリング アプリを作成しました: http://plnkr.co/0eEIJg5uzL6KsI70wWsC

私が達成したいのは、フィルタリングを独自のコンポーネント (filtering.component.ts) に移動し、@Input および @Output 関数を適切に使用して、選択ボックスの値をリスト コンポーネント (app.ts) に戻すことです。

ここではすでにコンポーネントを分離していますが、リスト コンポーネントに渡されたデータを取得できません。(app.ts): http://plnkr.co/1ZEf1efXOBysGndOnKM5

前もって感謝します。