問題タブ [angularjs-templates]

AngularStrap ポップオーバーでテンプレート ファイルを読み込もうとしていますが、$templateCache の使用に問題があります。私は他のSOの質問よりも一歩後退しているように見えるため、これは一見二重の質問です。

API ドキュメントに従って、終了タグ<script type="text/ng-template" id="popoverTemplate.html"></script>の直前に追加しました。自分のページで</body>使用すると、何も得られません。<div ng-include="'popoverTemplate.html'"></div>使用しようとするconsole.log($templateCache.get("popoverTemplate.html"))と、「$templateCache が定義されていません」というメッセージが表示されるため、重要な手順が欠けていると思われます。ただし、ドキュメントやその他のSOの質問でそれを行う方法が見つかりません。

編集：サービスの注入はミッシングリンクでした。ただし、サービスを注入すると、コントローラーの他の機能は機能しなくなりますが、関数のパラメーターを注入すると、動作するコードは次のようになります。

値がディレクティブで機能する方法について質問があります。テンプレートを持つ 1 つのディレクティブがあり、同じテンプレートで (グローバルに定義された) JavaScript 関数を呼び出し、その JavaScript 関数にディレクティブから取得した値を渡したい(少し混乱するかもしれません)。これがサンプルコードです。

globalLoadText() は、Angular の外側 (ルート スコープにある通常の js ファイル内) で定義されたグローバル メソッドです。テキストは、ディレクティブから取得する値になります。

私の質問を明確に書き留めていただければ幸いです。どんな助けでも大歓迎です。ありがとう！！

modeディレクティブに渡す属性に基づいて、異なるルート要素が必要なディレクティブを作成しています。以下は、想定されるテンプレート ファイルです。

テンプレートファイル:

しかしもちろん、AngularJS は、テンプレートに 1 つのルート要素が必要であると不平を言っています。

templateUrlそれらを2つのファイルに分割し、条件付きで（つまり）ロードできることを知っていますtemplateUrl: function(tElem, tAttrs) { if tAttrs.mode === 'full' ...。

しかし、私の状況では、モードとモード<input class="datepicker" />の両方で同じである多くの異なる属性を持つ要素があります。理想的には別のディレクティブに入れたいのですが、私の場合はやり過ぎだと思います。次に、両方の結果を 2 つの異なるテンプレートに保持すると、共有情報 (属性) が 2 つの別個のファイルに分離されます。モードで何かを変更する人は、モードで同じ変更を行うことを覚えておく必要があります。これは別のファイルに存在します。fullshortinputinputinputshortinputfull

質問: 単一のテンプレート ファイル内でこのような状況を処理するにはどうすればよいですか?

注意: この場合、単一のラッピング要素 (例: ) を追加することはできません<div>。これは私が持っているレイアウトに違反します。

すべて、私は誰かが私を解決するのを手伝ってくれることを望んでいる問題に直面しています。ユーザーのリストと対応するリンクを返すサービスがあります。クリックするとユーザーがログインする必要があり、ログインが成功すると、ユーザーにユーザー情報が表示されます。ユーザーがこのリンクをクリックし、テンプレートを使用して詳細を表示できるようにするにはどうすればよいですか。この部分的なテンプレートをすべてのユーザーに再利用したい

例: データ: {{user.url}} の結果: http://localhost:5555/user/randi333
データ: {{user.url}} の結果: http://localhost:5555/user/rkds333

リンクをクリックすると、/user/{{username}} に移動します。これらはユーザー名によって異なり、xml の結果が返されます。このテンプレートを使用する必要があります。ユーザーのリンクがクリックされたときに、それをテンプレートとして使用し、それらのデータを読み取ってフォーマットします....助けてください

エクササイズ関連のデータ、つまりエクササイズ名、強度レベル、説明などを示すテンプレートと、その特定のエクササイズの評価を送信するためのボタンがあります。

このデータはすべて、次のように「videoCtrl」から API エンドポイントを呼び出すバックエンドから取得されます。

ボタンをクリックすると確認を求め、ユーザーが「はい」と答えた場合は、別の API エンドポイントに別のリクエストを送信してアクションを実行します。

ボタンをクリックした後に何らかの方法でページを更新して、コントローラーが再度読み込まれ、リストの次の演習が取得されるようにしたいと考えています。

これはどのように行うことができますか？

私のテンプレートは次のようになります。

Uncaught Error: [$injector:modulerr] というエラーが表示されます

以下のjsファイルを含めました

私のjsコードは

行方不明の私を誰か助けてください。

編集: エラー ログは次の理由により、モジュール Web サイトのインスタンス化に失敗しました: エラー: [$injector:unpr] http://errors.angularjs.org/1.4.5/ $injector/unpr?p0=%24ro... at Error (ネイティブ) https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:6:416 ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4 ) Object.e [ _ _ as invoke] ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:39:64 ) d ( https://ajax.googleapis.com/ajax/libs ) /angularjs/1.4.5/angular.min.js:37:279 ) でhttps://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:403 at n ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4. 5/angular.min.js:7:322 ) g ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:180 ) で eb ( https: //ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:40:435

姓と名の両方をホストできる「name」ディレクティブを作成しようとしています。

私が現在持っているコードは次のとおりです。

index.html

指令：

name_template.html

私の問題は、テンプレート ファイルに label と info の値を渡すことができないように見えることです。私は何を間違っていますか？

私はAngularを使い始めたばかりなので、これが簡単な解決策になることを願っています.

前もって感謝します

モジュールに次のコードがあります。

そして、私のHTMLテンプレートのこのコード:

そして、AngularJS を初めて使用するので、モジュールとテンプレートを正しくアセンブルしたかどうかを尋ねたいと思います。具体的には、ファクトリ全体をスコープにバインドするのが正しいかどうかを尋ねたいですか? また、時間があれば、他のコードを見て、すべてが正しいかどうかを確認できます。私のコードに関する提案を自由に書いてください。
前もって感謝します！