問題タブ [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.
angularjs - ng-include内にng-viewをネストする方法は?
ng-view
の中に を追加しようとしてng-include
も、何も起こりません。たとえば、次のコードでは、themes/midnight/index.htmlが を保持しているng-view
場合、ビューはレンダリングされません。
ただし、以下のコードを使用すると、ビューが 2 回表示されます。
何が問題で、どうすれば解決できますか?
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 であると想定しています)。
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 ルーティングと競合する内部ページ リンクです。
javascript - AngularJS で「data-ng-view」を使用する方法 [ベスト プラクティス]
これが私のindex.htmlです
これが私のapp.jsです
ここに私のbook.htmlがあります
アプリケーションを実行しても何も表示されません。これをどのようにデバッグできますか? 何が間違っている可能性がありますか?私もng-viewを真実にしましたが、VS Studioは「属性の後に=記号を付ける必要があります」と言っています...しかし、=記号を使用して何を割り当てる必要がありますか?
ここに例外があります
キャッチされないエラー: [$injector:modulerr] モジュール BookApp のインスタンス化に失敗しました: エラー: [$injector:unpr] 不明なプロバイダー: $routeProvider
ngRoute を追加して以下の変更を行いました
問題は解決しましたが、ベスト プラクティスは何ですか?
angularjs - angularjs ng-viewでインデックスページのコンテンツを非表示にする方法
angularJs でパーシャル (ビュー) にアクセスするときに、親ファイルの内容を非表示にできるかどうかを調べようとしています。ここに私の問題があります:
メニューバー、フッター、および製品のすべてのページに表示されるその他のものなどのコンテンツを含む親ページ (インデックス ページ) があります。スタッフとフッターの間に ng-view を含めました。さて、特定のページで、このメニューバー、フッターを表示したくありません。パーシャルに存在する特定のものだけを表示する必要があります。そのため、メニューバー、フッター、および親スコープにあるその他すべてのものを非表示にする必要があります。angularJSでそれを行うことは可能ですか?
前もって感謝します!
javascript - CSS スタイルが IE8 の Angular View でレンダリングされない
IE8 を除いて、うまく機能している角度のあるアプリがあります。基本的に、外部スタイルシートのスタイルは、ビュー内でレンダリングされたコードには反映されません。私はAngular IEガイドに従っています。html要素にあるコードは次のとおりです。
後で IE 固有のスタイルシートをレンダリングします。それ以外の場合は、データ バインディングを使用して URL 固有のスタイルシートをレンダリングします。
私のhtmlの本文の後半に、ng-view属性を持つdivがあります
テンプレートで ng-view とハードコードを使用して div を削除すると、スタイルが有効になります。そうしないと、テンプレートがレンダリングされる前にスタイルがページに適用されているように見えます。
また、IE 固有のスタイルシートで ng-href 属性を使用すると、IE はそれをまったくロードしないことに注意してください。
angularjs - ng-view のコントローラーに設定されたウォッチのバインドを解除する必要がありますか?
さまざまなコントローラーをルーティング経由でロードしng-view
、それらのコントローラーの一部がウォッチを設定している場合、ルートが変更されるたびにこれらのウォッチを登録解除する責任がありますか? それとも、通常のコントローラーのライフサイクルを介して、Angular が既にそれを処理してくれますか??
$scope.$on("$destroy", function() { … })
とにかく、タイマーをキャンセルする以外に設定する一般的な理由はありますか?
angularjs - angularjs でルートを実装するには、複数のコントローラーが必要ですか?
問題を適切に説明できない可能性があります。私が試してみましょう。
angularを使用して単一ページアプリケーションを開発しています。このアプリは、基本的にオンライン小説シリーズのエピソードを表示します。クエリ メニュー (最新のエピソード、特定の日付のエピソード、特定のタグが付いたエピソードなど) を備えたナビゲーション バーがあります。これらのクエリごとに、個別の URL が必要です。
/latest
- 最新のエピソードを表示する必要があります
/tag/:tagname
- そのタグを持つすべてのエピソードを返す必要があります。
これらすべてのクエリで、結果のビューは同じです (エピソードのリスト)。したがって、すべてのルートに同じパーシャルを使用します。
私の質問は、クエリごとに実際に新しいコントローラーを作成する必要があるかどうかです。のようにLatestEpisodeController
、、TagController
?
URLを使用してユーザーが何を望んでいるかを判断し、同じコントローラー内からそのクエリを実行できる方法はありますか?