問題タブ [angular-components]

最初の角度コンポーネントを ngRoute でまとめようとしていますが、これまでのところ、データを解決できません。構成:

成分：

コンポーネントの html には、ランダムなテキストを含む ap 要素が含まれているだけです。

デバッグ中にデータを取得していることがわかりますが、コンポーネントコントローラーでアクセスできません...

編集:以下の受け入れられた回答のおかげで、私は問題を解決しました。非同期呼び出しの問題とは何の関係もありませんでしたが、ルートとコンポーネントをどのように定義したかが問題でした。修正については、以下のコードを参照してください。再度、感謝します。

私は node.js にかなり慣れていないので、Angular 2 への移行を容易にするために、Angular 1 ディレクティブをコンポーネントに移行することを計画しています。

だから、私の質問は、次のようないくつかの定義で動作するコードがあるということです:

yep-nope.directive と MyFirstComponent.component はどちらも同じ方法で定義されます。

と

コンポーネントを定義する必要がある理由はありますか?

ありがとう、

デビッド。

それはおそらく初心者の質問です。私は angular/uiRouter を使い始めたばかりです。より経験豊富な目を持つ人が私を正しい方向に向けることができれば幸いです。

親が抽象的な状態のコンポーネントをバインドしようとしています。

これは私がこれまでに持っているものです:

州

成分

理論的にはうまくいくはずですが、うまくいきません。

これまでのところ、親を削除して状態に直接アクセスするだけで機能することがわかりましたが、それは私が達成しようとしているものではありません:

angular jsを使用してラジオボタンのカスタムコンポーネントを作成しています。デフォルトでチェックされている希望のラジオボタンを設定できないことを除いて、すべて正常に動作します。

私のコードは次のとおりです

JS コンポーネント

HTML

SCSS

}

任意の提案をいただければ幸いです。前もって感謝します。

いくつかのコンポーネントが宣言されたモジュールがあり、テンプレートでディレクティブ構文を使用すると、Angular はコンポーネントを見つけることができません - このエラーが発生します

コンポーネントモジュールはこちら

これは、トップレベルのコンポーネントがどのように見えるかです

および関連するテンプレート

私は Angular2 を初めて使用し、別のアプリケーションであるアプリケーション内からプレゼンテーション コンポーネントのセット全体を再利用する可能性があるかどうかを調べることに興味がありますか?

たとえば、MyApp という Angular 2 アプリケーションがあり、この中に作成した共通コンポーネントがいくつかあります。これらは app/components/common フォルダーにあり、それぞれに TypeScript、Sass、および HTML ファイルが含まれています。

私は Gulp を使用して TypeScript を JS に、Sass を CSS にコンパイルします。

これらの共通コンポーネントは他の Angular 2 アプリでも共通である可能性があるため、MyOtherApp と呼ばれる別の Angular 2 アプリでそれらを使用したいと思います。

すべての共通コンポーネントを MyApp から引き出して、MyOtherApp で使用できるようにしたいと考えています。

これは可能ですか？もしそうなら、このタイプのコンポーネントの共通共有への最良のアプローチは何ですか?

私が言ったように、ビルド/実行には Gulp を使用し、Angular アプリの構成セットアップには System.js も使用しています。

必要に応じて、私が試したコードの一部を共有できますが、共有するのに役立つものがわからないので、役立つ可能性があるものをリクエストしてください。共有します.

Angular 1.5 で単純なグリッド コンポーネントを構築していますcomponent。構造は次のとおりです。

は<grid-component>にイベントをブロードキャストし<grid-header>ますが、ヘッダー コンポーネントはメッセージを受信して​​いません。

これが私の使い方の簡単な例です。

興味深いことに、スコープを調べると、それらは実際にはスコープ階層の兄弟であるということです。

親

子

両方の親のメモ ID は同じです。また、子の prevSibling が親であることに注意してください。

変更$scope.$broadcastする$scope.$parent.$broadcastと、兄弟であるため、期待どおりに機能します。

コンポーネントがネストされている場合、Angular がこれらを兄弟と見なすのはなぜですか? また、$parentチェーンをたどらずにイベントをブロードキャストする方法はありますか?