問題タブ [angular-template]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
762 参照

angularjs - 最初のクリックで、ルーティング後にバインドされたデータがテンプレートに表示されない - AngularJS

インデックス ページから別のビュー テンプレートにルーティングしようとしています。最初に、メイン インデックス ページのリストが読み込まれ、main.htmlが ng-view に読み込まれ、テキスト コンテンツが表示されます。「MainCtrl」からのデータは適切にブロードキャストされ、正常に動作します。ここで混乱しているのは、リストのアイテムがクリックされると、コンテンツ テンプレート ( content.html ) にルーティングされますが、リストを最初にクリックしたときにバインドされた値がコンテンツに表示されないことです。しかし、2 回目のクリックの後、MainCtrlからブロードキャストされたバインドされた値が表示され始めます。

main.html:

content.html:

テンプレートがすぐに読み込まれる場合でも、最初のクリックでデータをバインドしない理由が正確にはわかりません。どんな助けや考えも大歓迎です。しばらく頭をかく。

0 投票する
1 に答える
983 参照

angularjs - コントローラー内から Angularjs テンプレートをレンダリングする

次のangularjsテンプレートがあるとします

2つのテキストボックスと次のような保存ボタンがあります

ユーザーが名と姓のテキストボックスに値を入力して保存ボタンを押すと、これら2つの値がテンプレートに渡され、結果のhtmlが既存の.htmlに追加されulます。angularでどうすればできますか?

0 投票する
1 に答える
384 参照

angularjs - 含まれているテンプレートから Angular JS スコープが更新されない

だから私はindex.htmlの下にあります:

Template.html:

私のコントローラー:

したがって、クリックアンカーの上記のケースでは、$scope.SearchUserスコープ値が未定義になっています。しかし、その入力をテンプレートから取り出してメイン HTML 内に配置すると、機能します。

複数のコントローラー宣言やその他のものをチェックしましたが、何もうまくいきませんでした。

angular 1.2.25 バージョンを使用しています。

0 投票する
2 に答える
2148 参照

angularjs - キャッシュされたテンプレートを更新する

私はそれを利用しています、templateUrlそしてそれはうまくいきます!

ただし...これらのテンプレートに変更を加えても、更新されません。開発中は大きな問題ではありません。何が更新されているかを知っており、キャッシュを手動でクリアすることができます。

しかし、すべてのユーザーのキャッシュをクリアすることはできません。これを行う方法はありますか?CACHE-CONTROL メタタグなどを使用しますか?

0 投票する
3 に答える
2155 参照

javascript - サードパーティの angular ディレクティブを拡張し、そのテンプレートを変更する

Daniel Crisps AngularJS Range Slider https://github.com/danielcrasp/angular-rangesliderを使用しており、彼のディレクティブを拡張してテンプレートを変更したいと考えています。

彼のディレクティブは次のようになります (スペースを省略しています)。

私は、ディレクティブにまったく同じ名前を付けることによって、この質問の拡張 Angular ディレクティブの提案を使用しようとしています (たとえば、短縮されています)。

しかし、次のエラーが発生しています: 複数のディレクティブ [rangeSlider, rangeSlider] がテンプレートを要求しています:

ソースで変更せずに元のテンプレートを更新するにはどうすればよいですか?

編集:私の例では余分な「)」がありました。

0 投票する
2 に答える
75 参照

angularjs - オブジェクトのプロパティ(配列ではない)で誘惑するangularjs

次のjsonから出力を生成するために使用できるテンプレートを探しています。

外側のループのテンプレートを探して (ヘッダー (午前 7 時から午後 1 時 45 分までのセッションなど) を表示する必要があります)、ネストされたリストからも値を取得してから、内側のループに進みます。内側のループですが、外側のループをどのように処理するか疑問に思っています。

0 投票する
1 に答える
194 参照

javascript - ng-click="currentTpl='/inventory.html'" 内部で ng-repeat が機能しない

ng-repeat を実行すると機能しないメニューリストがありますが、 ng-repeat がないと機能します。

視認性最適化インベントリ

フィドル

コメントを読んで、それに応じて試してください。

0 投票する
1 に答える
789 参照

angularjs - テンプレート内のディレクティブ/コントローラー名としての変数値 ($compile/$interpolate を使用)?

ロードするディレクティブ (またはコントローラー) の名前としてスコープの変数値を使用する必要があるテンプレートのディレクティブを作成しています。

次のような widget.html というテンプレートを持つディレクティブ ウィジェットがあるとします。

widget.typeは最初の行で評価されていません。ng-include で問題なく動作します。Saywidget.typeの値はweatherです。次に、最初の行を最初に補間して次のようにする必要があります (class 属性、widget.type-attr、または ng-controller が補間されているかどうかは関係ありません)。

次に、気象指令を含めるようにコンパイルします。

テンプレートで補間するにはどうすればよいですか?widget.type

ng-include を使用してディレクティブをロードするオプションはありませんウィジェットに 1 つの共通テンプレートを使用する必要があり、基本ディレクティブを追加の機能/変数で追加/オーバーライド/拡張​​したいと考えています。

これがそれを達成する方法でない場合、ディレクティブを OOP 方式で拡張する方法はありますか?

プランクを見る