問題タブ [angular2-template]

ラベルとテキスト ボックスで構成されるテンプレートが必要です。このテンプレートは、マイ ページのさまざまな場所で再利用できます。そのために、MyTextComponent を作成しました。コンポーネント入力に異なる値をバインドする方法を知りたいです。

例えば：

MyTextComponent

MyPageComponent

MyTextComponent 入力の ngModel を MyPageComponent ローカル変数にバインドするにはどうすればよいですか?

編集: @Output を追加した後に試してみましたが、うまくいきませんでした:( MyPageComponent の補間は空白であり、ログは未定義で印刷されています。ただし、補間は mytextComponent に対して機能しています。任意のアイデア

序文: 私は Meteor、Angular、および Typescript を初めて使用するので、ここのどこかに XY 問題が発生する可能性が非常に現実的です。

Meteor と Angular 2 ( angular2-meteorパッケージを使用) を使用して単純なプロジェクト管理アプリに取り組んでおり、(今のところ) 構造はイベントを持つプロジェクトで構成されています。1 つのビューはプロジェクトのリストです。プロジェクトをクリックすると、プロジェクトのイベントのリストを含む、プロジェクトの詳細のモーダルが表示されます。したがって、3 つのコンポーネント: ProjectList、ProjectDetails、およびProjectEventsList。変数をProjectDetails使用して、表示するプロジェクトを認識し、それが機能します。Sessionただし、モーダル内のイベントのリストは、最初にクリックされたプロジェクト用に作成された後、更新されません。

ProjectEventsList.ts

私が理解しているように (私はここから離れているかもしれませんが) autorun、まあ、自動的に実行するのに苦労しています。ゲッターとセッターを配置しようとしましprojectIdたが、プロジェクトをクリックすると更新されますが、最初のクリック後に内部のコードがautorun実行されません。私が試したこと：

• subscribe()との入れ子を切り替えautorun()ます。
• subscribe()と の両方にautobind 引数を追加/削除しautorun()ます。私はそれが何をしているのか本当に理解していません。

• サブスクライブ コードを のセッターに移動しますprojectId。

  これを行うと、リストにアイテムが表示されなくなります。

これでうまくいくように思えたら、小さなテスト ケースを作成して投稿しますが、知っている人にとっては、ここに何かが明らかに間違っていることを願っています。ありがとう！

したがって、テーブルに *ngFor を入力し、パイプを使用して、指定された項目配列をフィルター処理および順序付けします。これは完全に機能し、テーブルの行は期待どおりに作成されます。しかし、テーブルをホストしているコンポーネントでパイプの結果を使用したくありません。angular2でこれをどのように達成できますか?

私の現在のhtml：

結果を保存する古い angularJS の方法:

「結果」は、対応するコントローラーで使用できます。

これを達成するangular2の方法は何ですか? フィルタリングを html テンプレートに保持し、コンポーネントに移動したくありません。

Angular 2 の奇妙な問題に対処します。

以下のコンポーネントを見ると、サービスは解析されたオブジェクトを返します。たとえば、I can console.logit. コメントとして貼り付けられた出力を確認できます。ビューで上記のオブジェクトを使用しようとすると、エラーが発生します: EXCEPTION: TypeError: Cannot read property 'subject' of undefined in [{{theData.subject}} in SubjectHomeComponent@2:27].

コンソールでオブジェクトを問題なく見ることができるので、これは私には意味がありません。Runningtypeofは、それがオブジェクトであることも返します。

コンポーネント コード

サービス コード (関連性はないと思いますが、わかりません)

SVGアイコンをレンダリングするためのコンポーネントがあります:

これはエラーを引き起こします：

dynamic を設定するにはどうすればよいxlink:hrefですか?