問題タブ [angular-components]

AngularJS がすべてのルート、コンポーネント、およびディレクティブのレンダリングを終了したときにスクリプトを実行する方法はありますか?

たとえば、templateURL を持つすべてのコンポーネントとディレクティブがレンダリングを終了したとき。

• 角度 1.5.8
• ブートストラップ 3.3.7 (CSS)
• Angular-UI 2.0.2

angular Typeahead ( ui.bootstrap.typeahead ) を使用するには、HTML を使用して ui コンポーネントに表示するオブジェクトのリストが必要です。

問題

1. promiseサービスからコンポーネントに戻る( 1.5 スタイルのコントローラー、ビュー、バインディング)

2. コントローラ関数はpromise、サービスから返された を使用してthenロジックを実行しarray、オブジェクトの を返します

3. Typeahead は配列を処理しません... コンソール ログを実行すると、配列が表示されます。

4. サービスメソッドを使用せずにオブジェクトの同じ配列を静的に渡すと、機能が機能します

HTML

コンポーネント (コントローラー、ビュー)

サービス

私はIonic 2を使用しており、ホームページ(親コンポーネント)があり、ホームページ内にタブレイアウトがあり、Ionic 2では各タブが個別のコンポーネント(子コンポーネント)であるユースケースがあります。

そのため、1 つのタブにユーザーのリストを表示しています。ホームページには、ユーザーが他のユーザーを検索できる検索バーもあります。したがって、ユーザーが検索バーに入力すると、ホームページ(親コンポーネント)で定義された関数がトリガーされますが、この関数がトリガーされると、フィルターするユーザータブ(子コンポーネント)でイベントを発生させる必要がありますユーザーリストとユーザータブの表示。これを解決するには助けが必要です。以下は私のコードです

私の質問が理解しやすいことを願っています。

angular を使用してカスタム ビデオ コンポーネントを構築しており、ソースを外部に渡しています。コンポーネントを使用しない場合、ビデオは適切に表示されます。コンポーネントを使用すると、(inspect 要素を介して) ソースが正常に渡されたことがわかりますが、ビデオが表示されません。これはライフサイクルに何らかの関係があると感じています。

コード：

ホームページ:

(video.srcs はソース URL と MIME タイプのリストです)

成分：

そして最後にテンプレート:

編集：私が思っていたように、問題は実際にはREST呼び出しにはありません。ソースをコンポーネントに手動で挿入しても、ビデオは表示されませんでした。私とマチューの違いを調べて解読しようとする必要があります

コードを Angular 1.3 から Angular 1.5 コンポーネントと ES6 コントローラーに移行中です。SOで何かを見つけようとしましたが、十分に役に立ちませんでした。以下の方法以外の範囲でイベントを視聴する方法について提案が必要です。または、ディレクティブからスコープ イベントをトリガーする方法。また、代替案が存在する場合は、正しい方法を提案してください。

角度 1.3

角度 1.5/ES6

編集：

ここで $watch ではなく $on の代わりに興味があるのは、変数を監視しているだけで $onChange が $watch を置き換えることができるからです。angular 1.3コードの100％を1.5に移行できるわけではないため、スコープイベントをリッスンしたいのですが、スコープでイベントをトリガーするディレクティブがまだあります!

私は AngularJS コンポーネントを作成していますが、コンポーネント自体とコントローラー関数の両方に ngdoc 注釈を追加する正しい方法は何だろうと思っていました。

例はありますか？

Angular 2 で動的コンポーネントを作成する際に、新しく作成したコンポーネントを DOM に追加するには、このプロセスが必要であることがわかりまし た。ViewContainerRef

そして、これらの動的に作成されたコンポーネントに渡す@Inputと、上記の2番目のリンクとここ@Outputに答えが見つかりました。

ただし、 などのさまざまな形状コンポーネントを返す関数を含む という名前のサービスを作成する場合、shape.serviceDOMの場所を指定せずにこのサービスがコンポーネントを作成する方法と、container-component がこの返されたコンポーネントを受け取る方法がわかりません (おそらくそのタイプはサービスから) になり、指定された DOM コンテナー コンポーネントに注入されます。@InputbgColorComponentRef

たとえば、サービスには次のメソッドが含まれます。

ここで最初の疑問が生じthis.viewContainerRefます。インポートする理由ViewContainerRefは、コンポーネントを動的に作成するためです。

2 番目の質問は、container-componentcomponentRefがサービスから特定の入力を受け取った後、DOM にどのように注入するかです。

更新： 上記の私の質問は十分に具体的ではなかったと思います。私は次のような状況にいます：

1. 親コンポーネントはサービスを呼び出し、componentRef/s を取得します。
2. componentRef/s を含むオブジェクトを他のデータと一緒に作成し、それらの作成されたオブジェクトを配列に格納します
3. として子に渡します@Input。
4. そして、各子が componentRef をその DOM に注入し、オブジェクト内の残りのデータを別の方法で使用できるようにします。

つまり、コンポーネントを呼び出しているサービスには、それらの componentRef がどこに注入されるかがわからないということです。つまり、いつでもどこでも注入できる独立したコンポーネント オブジェクトが必要です。

私はすでに rumTimeCompiler ソリューションを数回読んでいますが、それが実際にどのように機能するかはよくわかりません。viewContainerRefを使ったコンポーネント作成に比べて手間がかかりすぎるようです。他に解決策が見つからない場合は、さらに掘り下げます...