問題タブ [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 投票する
1 に答える
6286 参照

angularjs - ng-include内にng-viewをネストする方法は?

ng-viewの中に を追加しようとしてng-includeも、何も起こりません。たとえば、次のコードでは、themes/midnight/index.htmlが を保持しているng-view場合、ビューはレンダリングされません。

ただし、以下のコードを使用すると、ビューが 2 回表示されます。

何が問題で、どうすれば解決できますか?

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

angularjs - angularjs ngViewテンプレート内ではセッションユーザー名が表示されませんが、ngViewの外では表示されます

したがって、成功したリダイレクト内で mongoose Passport-local を介してユーザー名を表示できます。

...そしてそれを使用して、profile.html 内に表示します。

...まだ私のng-view内で同じものを表示しようとすると:

...私のルートexample.htmlテンプレート経由:

..表示どおりに表示されます: 正しいユーザー名ではありません...

この情報を ngView 内に含めることはできませんか? この情報をテンプレートに含める解決策はありますか? $http でファクトリをセットアップしようとしました:

...しかし、それはhtml全体を返していたので、正しい解決策ではありません.

ガイダンスはいつでも歓迎され、感謝されますので、事前に感謝します!

それに応じて編集: 値を取得してルーティングすることは、実際には問題ではありません。問題は、ngView 内で正しく表示されるようにすることです。

ここに私の更新されたコードがあります:

...と...

...から戻ります:

これにより、同じ正しいユーザー名が得られますが、悲しいことに、それをngViewに表示するにはどうすればよいですか? 実際の ngView div の外に配置すると、正常に表示されます。

上記から {{username}} {{rules.username}} = なし。ngView テンプレート内のサービス パラメータの名前は何にする必要がありますか (これはまったく新しい $scope であると想定しています)。

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

html - 部分ページの href が angularJS ルーティング ($roteprovider) と競合する

Angular バージョン: 最新--1.2

ng-viewに基づいてビューをロード$routeproviderしています。アプリケーションを開発している最中なので、現在、ブラウザで URL を指定するだけで、対応する VIEW がロードされます。

問題は、部分ページにリンクがあり、特定の div にスクロールする必要があり、リンクが を使用して生成されることng-repeatです。

コード:

したがって、上記の生成されたリンクをクリックすると、URL がリンクに置き換えられます。

例:

は VIEW をロードする URL ですが、次のように置き換えられます。

代わりに私はこのようなものが欲しい

注: を使用してみましたが、文字列リテラルを に指定した場合$anchorscrollにのみ機能し、動作しないように指定した場合にのみ機能しますscrollTO('foo')...scrollTo({{foo}})..

現在、私はバックエンドを使用しておらず、localhost で UI を開発しているだけです。HTML5 モードに関する情報を見ましたが、使い方がわかりませんでした。

またNodeJS、今後も使って表現する予定です。

結論したがって、問題は、上記のケースだけでなく、Twitter Bootstrap タブを使用しているときに URL が置き換えられる、angularJS ルーティングと競合する内部ページ リンクです。

0 投票する
0 に答える
10139 参照

javascript - AngularJS で「data-ng-view」を使用する方法 [ベスト プラクティス]

これが私のindex.htmlです

これが私のapp.jsです

ここに私のbook.htmlがあります

アプリケーションを実行しても何も表示されません。これをどのようにデバッグできますか? 何が間違っている可能性がありますか?私もng-viewを真実にしましたが、VS Studioは「属性の後に=記号を付ける必要があります」と言っています...しかし、=記号を使用して何を割り当てる必要がありますか?

ここに例外があります

キャッチされないエラー: [$injector:modulerr] モジュール BookApp のインスタンス化に失敗しました: エラー: [$injector:unpr] 不明なプロバイダー: $routeProvider

ngRoute を追加して以下の変更を行いました

問題は解決しましたが、ベスト プラクティスは何ですか?

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

angularjs - angularjs ng-viewでインデックスページのコンテンツを非表示にする方法

angularJs でパーシャル (ビュー) にアクセスするときに、親ファイルの内容を非表示にできるかどうかを調べようとしています。ここに私の問題があります:
メニューバー、フッター、および製品のすべてのページに表示されるその他のものなどのコンテンツを含む親ページ (インデックス ページ) があります。スタッフとフッターの間に ng-view を含めました。さて、特定のページで、このメニューバー、フッターを表示したくありません。パーシャルに存在する特定のものだけを表示する必要があります。そのため、メニューバー、フッター、および親スコープにあるその他すべてのものを非表示にする必要があります。angularJSでそれを行うことは可能ですか?

前もって感謝します!

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

javascript - CSS スタイルが IE8 の Angular View でレンダリングされない

IE8 を除いて、うまく機能している角度のあるアプリがあります。基本的に、外部スタイルシートのスタイルは、ビュー内でレンダリングされたコードには反映されません。私はAngular IEガイドに従っています。html要素にあるコードは次のとおりです。

後で IE 固有のスタイルシートをレンダリングします。それ以外の場合は、データ バインディングを使用して URL 固有のスタイルシートをレンダリングします。

私のhtmlの本文の後半に、ng-view属性を持つdivがあります

テンプレートで ng-view とハードコードを使用して div を削除すると、スタイルが有効になります。そうしないと、テンプレートがレンダリングされる前にスタイルがページに適用されているように見えます。

また、IE 固有のスタイルシートで ng-href 属性を使用すると、IE はそれをまったくロードしないことに注意してください。

0 投票する
0 に答える
112 参照

angularjs - ng-view のコントローラーに設定されたウォッチのバインドを解除する必要がありますか?

さまざまなコントローラーをルーティング経由でロードしng-view、それらのコントローラーの一部がウォッチを設定している場合、ルートが変更されるたびにこれらのウォッチを登録解除する責任がありますか? それとも、通常のコントローラーのライフサイクルを介して、Angular が既にそれを処理してくれますか??

$scope.$on("$destroy", function() { … })とにかく、タイマーをキャンセルする以外に設定する一般的な理由はありますか?

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

angularjs - angularjs でルートを実装するには、複数のコントローラーが必要ですか?

問題を適切に説明できない可能性があります。私が試してみましょう。

angularを使用して単一ページアプリケーションを開発しています。このアプリは、基本的にオンライン小説シリーズのエピソードを表示します。クエリ メニュー (最新のエピソード、特定の日付のエピソード、特定のタグが付いたエピソードなど) を備えたナビゲーション バーがあります。これらのクエリごとに、個別の URL が必要です。

/latest- 最新のエピソードを表示する必要があります

/tag/:tagname- そのタグを持つすべてのエピソードを返す必要があります。

これらすべてのクエリで、結果のビューは同じです (エピソードのリスト)。したがって、すべてのルートに同じパーシャルを使用します。

私の質問は、クエリごとに実際に新しいコントローラーを作成する必要があるかどうかです。のようにLatestEpisodeController、、TagController

URLを使用してユーザーが何を望んでいるかを判断し、同じコントローラー内からそのクエリを実行できる方法はありますか?