問題タブ [angularjs-components]

ディレクティブ内からその親コン​​トローラーにメッセージを送信しようとしています(成功しません)

ここに私のHTMLがあります

イベントをリッスンするコントローラーのコードは次のとおりです

そして最後に、ディレクティブは次のようになります

$emit の代わりに別のスコープ構成と $broadcast を試しました。イベントが発生することはわかりますが、コントローラーは「go」イベントを受け取りません。助言がありますか ？

ディレクティブについて読んでいて、AngularJS にはたくさんのコンポーネントがあることがわかったとき、ディレクティブとコンポーネントの違いは何だろうと思っていました。

関数コンポーネント、型コンポーネント、サービス コンポーネント、フィルター コンポーネント、プロバイダー コンポーネントなどがあります。さらに、モジュール コンポーネントは、ディレクティブ、サービス、フィルター、プロバイダー、テンプレート、グローバル API で構成されるコンポーネントであることがわかりました。 、およびモックのテスト。それは物事をより混乱させる傾向がありました。リストされているコンポーネントのタイプ間の違いを説明する「コンポーネント」の定義が Angular のドキュメントに見つかりませんでした。

では、AngularJS の「コンポーネント」とは正確には何なのでしょうか? 再利用可能なコード ブロックのような単純なものですか?

ちなみに、現在Angularのバージョンは1.4.2を使用しています。

.component()withプロパティを使用して Angularjs プロジェクトに取り組んでいtemplateますが、使用方法がわかりませんtemplateUrl。実際の例を提供できることに精通している人はいますか? ありがとう。

これは初心者に聞こえるかもしれませんが、angularjs コンポーネントのこのチュートリアルに従っています。

Utilsコンポーネントを初めて使用するのですが、定数を挿入したり、このようにコンポーネントに挿入したりするにはどうすればよいauthServiceですか?

ありがとう！

関数を 2 つ以上のレベルのコンポーネントに渡す最善の方法は何だろうと考えていました。「&」バインディングを使用するときに関数ラップをスキップする簡単な方法はありませんか?

ユースケースは次のとおりです。

ps: 私は ngRedux を使用しているため、このようなシナリオは非常に一般的です。

編集：

問題は、上記のコードが機能するためには、各内部コンポーネント コントローラーが次のようになることです。

そして、直接_doSomethingではなく、受け継がなければなりません。doSomething

ps: ここではトランスクルージョンを使用していません

私は Angular 1.5 を使用しており、1.4 の ui-router の使用から 1.5 の新しいコンポーネント ルーターに移行しようとしています。

しかし、1.5 に更新すると、構成に「$router」を挿入する方法がわかりません。

このリポジトリから angular_1_router.js をダウンロードできることはわかっています: https://github.com/brandonroberts/angularjs-component-router

しかし、新しいルーターは 1.5 に含まれているはずではありませんか?

申し訳ありませんが、これに関するドキュメントはあまりないようです。Angular 1.4 およびAngular 2.0 docsを参照する古いドキュメントのみがあります。

angular_1_router.js ファイル$injector:modulerrを使用しようとすると、「ngComponentRouter」を使用しようとするとエラーが発生するため、回避策としてそのルートに進むことができませんでした。

AngularJS 1.5 のリリースに伴い、既存のアプリケーションを分割して、彼らが提唱している新しいコンポーネント ベースのアーキテクチャを使用するのは良い考えだと思いました。

アプリケーションの大部分をコンポーネントに変換できましたが、テーブルを分割しようとしたときに問題が発生しました。表の各行を個別のコンポーネントにすることが理にかなっていると判断しました。これは、各行にはデータによって制御される特定の書式設定があるためです (アプリはログを表示するためのものであり、各行は色分けされており、フィルター設定に応じてフェードアウトする可能性があります)。行の内容)。ただし、カスタム要素がテーブル内で機能しないという問題が発生しました。

ディレクティブを使用すると、属性ディレクティブに変更してテーブルの行要素に適用できることはわかっていますが、そのオプションは新しいコンポーネントでは使用できないようです。さらに、ディレクティブ/コンポーネントがフォーマットのためにテーブル行にクラスを適用する必要があるため、私はそのソリューションが特に好きではありませんでした。行が外側の要素としてではなく、テンプレートで宣言されている場合は、これを行う方がはるかにクリーンです。

また、このユースケースに最適なように見える古風な「置換」パラメーターも見つけましたが、残念ながら、2つのメジャーバージョンの前に廃止され、削除されました。残念ながら、その機能に代わるものを見つけることができませんでした。

新しいコンポーネントをテーブル内で動作させる良い方法はありますか? そうでない場合、属性ディレクティブに頼らずにやりたいことを達成する別の方法はありますか?

Angular1.5は、古い要素ディレクティブの改善のような新しい概念Componentを提供します。

それらを明確に区別することは良いことです: いつ何を使用するか。

ディレクティブを使用する必要がある場合については、公式サイトに説明があります。しかし、属性ディレクティブですべてカバーできます。新しいアプリケーションで element-directive を使用する場所はまだありますか?