問題タブ [ng-view]

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 投票する
3 に答える
8039 参照

angularjs - Angular JS ng-view変更ストアのスクロール位置

ボタンクリックを使用して、ルートを次のページに変更しました。Angular JS はスクロール位置を保持し、ng-view の上部までスクロールしません。1. $anchorScroll の無効化が機能しない 2. ウィンドウ スクロールの使用が機能しない

ただし、iPad で修正ヘッダーを保持するには、次のウィンドウ スクロールが機能します。

助言がありますか?angualar jsビューで保存されたスクロール位置をクリアするには?

0 投票する
5 に答える
14164 参照

css - Bootstrap data-spy="affix" が Angular View の変更で機能しない

affixAngular ビューを変更したときに -ed パネルが動かない理由を理解しようとしています。

最初のページ (詳細) のパネルに接辞プロパティを直接追加し、2 番目のページ (フライト) でのみデータスパイに残しました。

本格的な Web バージョンでは、フライト ページを更新すると、突然接辞が表示され、スクロールしてもそのままになりますが、Angular を使用してページに移動しただけでは表示されません。

ビュー間を移動するときに、Bootstrap によって接辞がクラスに追加されていないようです。

HTML:

CSS:

これがプランカーです..

http://plnkr.co/edit/S0Bc50?p=preview

ここで同様の質問を見つけました:

Twitter Bootstrap: 単一ページ アプリケーションで Affix がトリガーされない

しかし、ここで私の問題にそれを適用する方法がわかりませんでした...

どんな助けでも素晴らしいでしょう!

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

angularjs - ng-viewを使用してng-repeat内で異なるテンプレートをレンダリングするAngularJS

この質問に関してコード スニペットを提供できなかったことをお詫び申し上げます。私はAngularJSの初心者です。

上記のコードを使用すると、item.typeプロパティに依存するさまざまなテンプレートをレンダリングできます。私は次のような結果を期待していました:

  • item.type == "画像"返す: <div><img src="'IMAGE_URI'"></div>
  • item.type == "テキスト"戻り値: <div><p>TEXT</p></div>

今のところ、列挙用のテンプレート html を作成しましたitem.type。この懸念はAngularJSを使用して可能ですか? ng-viewを伴うことを最近知りましたng-route

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

javascript - ng-view にテンプレートが入力されていません

このプランカーを考えてみましょう。すべてを正しく設定したと思いますが、ng-viewディレクティブを使用してテンプレートが div に読み込まれません。

私のルートは設定されています:

そして私のルートは次のとおりです。

まず、ナビゲーションが機能していないように見えますが、ルートにいる場合でも (パスが の場合/)、main.html テンプレートが ng-view に読み込まれません。誰かが私が間違っていることを正確に見ることができますか?

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

javascript - AngularJs: ng-view タグ内に配置すると ng-include が機能しない

ng-view 内の角度ルートを介して html ページを読み込んでいます。読み込んでいるページには、別の html ファイルを指す ng-include タグが含まれています。

以下の構文をすべて試しました=

何も機能していません。しかし、同じタグを ng-view の外に置くと、正常に機能します。

私は何を間違っていますか?

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

angularjs - ng-viewでjsを追加してすぐにangularjsを実行するにはどうすればよいですか

たとえば、私のAngularアプリで

この場合、私の logictrl は別の js ファイルにあります。パスが /login の場合にこれを含めたい。しかし、これは loginCtrl が関数ではないことを示しています。

どうすればこれを解決できますか。事前に感謝してください

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

javascript - ng-view htmlページ内のng-includeにリンクするAngularJs

私は現在、AngularJs を学んでいると同時に、それを適用して、新しい x-men 映画のバイラル映画サイトがどのように作成されたかを理解しようとしています ( http://www.trask-industries.com/#/innovation ) .. (リンクが信頼できない場合は、Trask Industries をグーグルで検索できます)。私が理解できることから、xmen サイト ナビゲーションは html テンプレートを ng-view に取り込み、この中で ng-include はさらに html テンプレートからコンテンツを取り込みます。ただし、これは各 Web ページでまったく同じ設定ですが、ng-include 内のコンテンツが変更され、これがどのように可能かわかりません。ページごとにコンテンツを変更する場合、ng-include は異なる html テンプレートを指す必要があると思いましたが、これがどのように行われているかは明らかではありません。

ng-view がプルしているテンプレート内に含まれているコードは次のとおりです...

ご覧のとおり、このコードはさらに 2 つのテンプレートを取り込みますが、各ページのコードは同じですが、ナビゲーションでクリックするリンクによって内容が変わります。すべてが理にかなっており、説明を提供する助けがあれば幸いです。