問題タブ [angular2-directives]

このチュートリアルに従っています。api.github からユーザーのリストを取得する途中でエラーが発生しました:

異なるサポート オブジェクト '[オブジェクト オブジェクト]' が見つかりません

に関係していると思います

私のコードでは、以前はエラーがなく、データがgetリクエストから来ているかどうかわからないため、クリックするだけでエラーが発生しませんでした。これまでのコードは次のとおりです

シャツの配列があり、各シャツには価格があり、Angular 2 を使用してすべてのシャツの合計価格を取得したいと考えています。

これは私のデータがどのように見えるかです:

次に、コストを一緒に追加してコンポーネントに表示したいと思います。

問題は、ここで何も返さないことです。たとえ返されたとしても、新しいアイテムを一緒console.log(shirt)に追加する方法がわかりません。shirtこの質問のもう 1 つの要素は、これをコンポーネントで行うべきか、それともサービスで行うべきかということです。

編集: 私は次の変更を加えましたが、私は取得0しています。取得する必要があります40

html:

更新された ShirtComponent:

私はangular一般的にもangular2具体的にも初めてです。子コンポーネントが含まれている必要があるコンテナー コンポーネントを作成しようとしています。

たとえば、コンテナ コンポーネント:

子コンポーネント:

私はこの構造を作りたいです：

次のものにレンダリングされます。

しかし、代わりに、コンテナーのホスト要素とアイテムも保持しています。

プランクはこちら

質問:ホスト要素を削除して、レンダリングされたテンプレートのみを残す方法はありますか?

メインのブートストラップ アプリケーションとは別に、初期化してレンダリングしたいコンポーネントがあります。

たとえば、反応では、次のようなことができます。

コンポーネントを使用して、Angular 2 で同様のことができるようにしたいと考えています。

また、角度的に言えば、これらのコンポーネントはディレクティブと見なされることもあります。このシナリオでディレクティブまたはコンポーネントの用語を使用する必要があるかどうかはよくわかりません。

これが私が今やっているコードの例です（可能な限り削減しようとしました）：

現在、次のエラーが表示されています。

例外: TypeError: TweetComponent の {{tweet.text}} で undefined のプロパティ 'text' を読み取れません]

Angular 2 で属性ディレクティブを作成したいと考えています。ホストにクリック ハンドラーが必要です。クリック ハンドラーは、特定の機能へのアクセスを制御するため、要素の他のディレクティブが評価される前に追加する必要があります。Angular 1 では、ディレクティブを作成するときに優先度オプションを使用してこれを行うことができました。Angular 2に相当するものはありますか?

ありがとう、チェイス

DOM 要素を取得し、使用せずに JSON エディターを初期化したいElementRef。

コード：

どうthis.container見てもヌルです。私が書いたコードのどの部分が間違っていますか?

解決：

属性にアクセスする前にViewChild、ビューが初期化されていることを確認する必要があります。も@VarChild返しますElementRef。さらに処理する場合は DOMElement が必要です。nativeElement属性である属性を使用してください。Element