問題タブ [angular-components]

コンポーネントオブジェクトを返す関数を使用してコンポーネントを作成すると、コンポーネントが初期化されません。この2つの状況を共有しています。誰かが私にそれらの違いを説明できますか?

HTML:

作業コード:フィドル

欠陥のある (エラーのない) コード: Fiddle

だから私は、他のチームのプラグインで拡張できる KnockoutJS で書かれたウェブサイトを持っています。私は、それらのチームが好きなライブラリ/フレームワークを使用できるようにしようとしています。Angular 2 を使用したい人もいます。私がやろうとしているのは、Angular 2 コンポーネント (パラメーターとして渡すことができる名前) のラッパーとして機能する KnockoutJS コンポーネントを作成することです。私の調査によると、Knockout の applyBindings や Angular 1 の $compile のように、DOM の特定のセクションで Angular 2 アプリをブートストラップするクリーンでネイティブな方法はないようです。この問題の解決策はありますか?

DOM を操作していないので、コンポーネントとして表示したい html があります。

ディレクティブとしては正常に機能しますが、コンポーネントとしては機能しません。以前に問題なくコンポーネントを作成しましたが、ここで何が問題なのかわかりません。コンポーネント コードでコメントアウトし、ディレクティブをアウトすると、機能しません。

私が何を間違えたのか分かりますか？

angular コンポーネントを使用して動的な templateUrls を作成しようとしています。しかし、私はこのエラーを次のように受け取ります:

Error: [$injector:unpr] Unknown provider: eProvider <- e

ファイルが縮小されると、上記のようにエラーがスローされます。では、この依存関係をどこにどのように注入するのですか?

angular 1.5.x コンポーネントで Ui-Router (1.0.0-beta.2) を使用しようとしています。

このドキュメントを使用して: https://ui-router.github.io/guide/ng1/route-to-component、私はそのようなものを思いつきました:

こんにちはコンポーネントはそのようなものです:

私のモジュール内で、コンポーネントをインポート/作成します:

さて、Ui-Routerで、行を変更component: 'hello'するtemplate: '<hello></hello>'と動作します。

ここで何が欠けていますか?

Ui-Router のおかげでデータを解決する必要があるため、テンプレートを使用してコンポーネントを作成したくありませんresolve。

助けてくれてありがとう！

編集 1:プロジェクトは Github で見つけることができます: https://github.com/maxime1992/web-template-webpack/tree/component-router

ルーターはここで定義されます

アプリケーションのさまざまな部分で小さなビューを入力するために、ディレクティブとして使用している angular2 アプリケーションで小さなコンポーネントを作成しました。このディレクティブを使用しているコンポーネントでのみオプションを定義します。このディレクティブは常にオプションを持つことを想定しています。私の場合、サーバーからデータを取得するまでに時間がかかり、それから「someOptions」が定義されます。しかし、この「サンプル」コンポーネントはすぐにそれを期待していますが、どうすれば延期できますか? これをディレクティブとして使用し続ける方法を知っていますが、このディレクティブを使用しているコンポーネントでオプションが定義されている場合にのみアクティブにするように angular に指示しますか?