問題タブ [angularjs-templates]

単一のテンプレートを使用して動的にテンプレートを設定する方法はありますか? http://jsfiddle.net/cmckeachie/mtV62/light/

「Home」と「About」の値を動的に渡すために embedded.home.html テンプレートを使用したいとします。私はAngularJSが初めてなので助けてください。

背景情報

私は AngularJS を初めて使用し、写真フィードを表示する単純なアプリに取り組んでいます。私は2つのビューを持っています:

• リスト- すべての写真のリストを表示するメイン ビュー
• 詳細- 写真の 1 つをクリックすると、ここにリダイレクトされ、その写真の詳細が表示されます

JSONP リクエストを使用して、リモート URL から写真フィードを取得しています。ビューを変更するときに複数回取得することを避けるために、両方のビューに接続されたコントローラーがスコープにフィード オブジェクトを提供するために使用するプロバイダー「feedFactory」を作成しました。

私が抱えている問題は、最初にビューをレンダリングするときに未定義の値がフィルターに渡されるため、JavaScript エラー (投稿の下部に表示されるエラー) が表示されることです。これは、Promise が完了してフィードが取得される前に、ビューが即座にレンダリングされ、値がまだ定義されていないためです。結局、すべてが正しく表示されますが、もちろん、JavaScript コンソールでこれらのエラーを取り除く必要があります。

質問

プロミスが完了し、フィードがスコープに挿入されるまで、テンプレート内のビューのレンダリングを延期するにはどうすればよいですか。

コード

providers.js

controllers.js

フィルター.js

photo-detail.html テンプレート

コンソール エラーの 1 つ

その他のエラー

パスからいくつかのテンプレートをロードし、別の例と連結する必要があります:

テンプレートをダウンロードして別のテンプレートと連結し、サービスに送信するにはどうすればよいですか。

私は次の問題を抱えていました: 私の顧客は私のAngularディレクティブが完全に焦点を合わせた外観を変更することを望んでいます. つまり、ユーザーがその要素をクリックしたときに、テンプレートを完全に置き換える必要があります。インターネットで答えを見つけることができなかったので、質問することにしました。

ディレクティブのテンプレート セクションで「フォーカスされていない」テンプレートを渡し、次のようにリンクでフォーカス イベントにバインドしようとしました。

ただし、エラーが発生します（入力は「フォーカスされていない」テンプレートです）

このソリューションは、私が使用しなければならない Angular 1.2 と互換性がある必要があります。

検索結果のリストを提供する JSON フィードがあります。リストには製品と通常のページが含まれています。リストをレンダリングするとき、製品は通常のページとは異なるレンダリングを行います。つまり、製品またはページの場合、HTML が異なります。どうすればこれを達成できますか？次のようなことは可能ですか:

そうでない場合、 ng-repeat で異なるレンダリングを実現するにはどうすればよいですか?

スピーカーの繰り返しリストのレンダリングを処理するディレクティブを作成しようとしています。ここでの最終目標は、モーダルで行われた更新をページに自動的に反映させることです。

ここで見られる問題は、speakersオブジェクトがテンプレートに組み込まれていないように見えることです。

これは、入力する関数ですspeakers。モーダルの約束で呼び出されます。 オブジェクトspeakersのコレクションです。speakerデータは期待どおりに返されます。

HTMLはこんな感じ。

ディレクティブは非常に単純です。

「スピーカー カード」テンプレートはこれよりも少し複雑ですが、要点は理解できるはずです。

スピーカーが表示されないことに加えて、それがテンプレートに組み込まれていないと思う理由speakersは、結果のマークアップが次のようになるためです。