問題タブ [angular-template]

angular-google-maps ディレクティブを使用しています。マップを表示するために ui-boostrap モーダルを使用しています。mapSelectLocation.html という名前のファイルでモーダル コンテンツを定義しています。モーダルを開く方法は次のとおりです。

mapSelectLocation.html:

mapSelectLocationController:

これにより、ポップアップが表示され、マップが適切にレンダリングされます。ただし、モーダルを閉じて再度開くと、マップが正しくレンダリングされません。マップ エリアの大部分はグレー表示され、マップのごく一部が左上隅に表示されます。

ただし、mapSelectLocation.html のコンテンツをファイル自体から同じページの角度テンプレート スクリプトに移動すると、問題なく開いて再度開き、毎回正しくレンダリングされます。

もちろん、templateUrl も更新します。

モーダルコンテンツを別のファイルに入れることがうまくいかない理由を教えてください。angularスクリプトテンプレートを使用する必要があるよりも、別々に保持したいと思います。

messageHTML スニペット テンプレートをレンダリングするというカスタム ディレクティブを作成しようとしていますmessage.html。Ruby/Rails と一緒に Angular.js を使用しています。ページをロードすると、無限ループに入ります (SO で読んだものからの再帰ディレクティブである可能性があります)。何か案は？とても有難い！！

message.html

私のディレクティブの使用方法profile.html

詳細については、これが私の Github リポジトリです: https://github.com/natbatwat/shori/tree/master/app/assets/javascripts

テンプレートを使用して、新しいアラートがあり、今まで機能している場合にアラートを表示するポップアップ メニューを作成しています。しかし、手動アラートを追加したかったので、入力テキストを追加しようと思ったのですが、入力フィールドに書き込むことができず、理由もわかりません。入力フィールドは一種の無効です!!!

私のディレクティブは次のようになります:

スコープを true にしようとしましたが、2 つの問題に直面しました。ポップアップをもう移動できません (はい、ポップアップ メニューはドラッグ可能です)。また、入力テキストに入力中のテキストが表示されません。

これが私のキャッシュテンプレートです:

私はAngularJSとディレクティブを初めて使用し、これを解決する方法がわかりませんが、スコープの問題だと思います!! ありがとうございました。

アップデート ：

スコープを削除すると:{menu:"=drSrc"}それは機能し、必要なものを入力できますが、問題は、要素がドラッグできなくなることです。スコープに関連するものだと思います。誰でも助けてもらえますか？

angular-rails-templates宝石を使用しています。/app/assets/javascripts呼び出し先にフォルダーがあり、templatesそれをに含めましたapplication.js：

テンプレートの中test.htmlに<h1>hello world</h1>.

何らかの理由で、が見つかりませんが、コンソールで(を使用して)test.htmlログアウトすると、次のようになります。$templateCache.info()app.run

オブジェクト {id: "テンプレート"、サイズ: 0}

次のようなプロジェクト構造が必要です。

ただし、Angular テンプレート アセット パイプライン プラグインは、テンプレートの構成で 1 つのディレクトリ/フォルダーのみを受け入れます。

プラグインが特定のテンプレート フォルダーの下にあるネストされたフォルダーをスキャンできる方法はありますか?