問題タブ [ngroute]
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 - angularjsおよびrequirejsでngRouteを使用できない
angularjs を使用しようとしており、基本的なサイトを作成するために必要です。残念ながら、角度ルーティングを使用できません。これは、次のエラーです。
これは私のコードです:
index.html:
main.js:
app.js:
モジュールが作成される前にルートがロードされているように見えますが、回避策を実行して修正する方法を見つけることができませんでした
angularjs - ngRoute から ui-router への移行
ngRoute 構成を ui.router 構成に移行することに関して、いくつかのガイダンスが必要です。現在、1 つのメイン テンプレート (index.html) があり、すべてのビューが挿入される ng-view があります。現在の ngRoute 構成は次のとおりです。
ここで、いくつかのビュー コンテンツを挿入できる index.html の 2 番目の場所を定義したいと考えています。ネストされたビューではなく、別の ng-view (または ui-router 用語の ui-view) です。元の ng-view セクションはデフォルトのもの (現在は /login と /contact のみ) であり、新しいものは特定のルートのみです (現在は '/notification' だけですが、将来的には他のものになる可能性があります)。新しい ui-view を「notification-view」と呼びましょう。
私は多くの ui-router ドキュメントを調べましたが、上記を新しい ui.router 構成に移行する方法がまだわかりません。誰かが私を始めさせたり、いくつかの適切な例を教えてくれませんか?
更新: わかりました、ここにいます。index.html ページにいくつかの状態と新しい ui ビューを追加しました。下記参照:
私のルーティングは次のとおりです。
これは、ほとんどの場合問題なく動作するようです。URL/notification
がトリガーされると、アプリは NotificationCtrl にルーティングされ、UI ビュー コンテンツを にレンダリングしnotification-view
ます。ただし、唯一の問題は、メイン (名前のない) ui ビューの ui コンテンツが失われることです。メインの ui-view で既にレンダリングされているものはそのままにして、notification-view
. これは可能ですか?代わりにネストされたビューである必要がありますか?
angularjs - Angularjsルートプロバイダの複数のルートが同じビューにつながる
したがって、angularjs $routeProvider を使用したワークフローは次のようになります。
私の質問は、次のコードを単純化する方法はありますか? when('/main1') と when('/main2') が同じテンプレートを指している場合。そう、
この質問は、サイトに複数の言語があり、URL の複数の翻訳が必要な場合に尋ねられます。
別の解決策は、サイトがたとえば .com または .de を使用しているかどうかを認識し、正しい /main1 または /main2 の翻訳に調整することです。たとえば、
しかし、意味的には、構成オプションを設定後に実行ブロックに設定したままにするのが好きなので、これは最善の解決策ではないようです。また、config にファクトリを注入することもできません (プロバイダーのみ、間違っているかもしれません)。
javascript - ui-routing を使用せずにビュー/ネストされたビューを乗算する
プロジェクトで ng-routes を使用している角度のあるプロジェクトに取り組んでいます。そして今、3 つのドロップダウンと 3 つのタブを持つページ/ビューを作成する必要があります。ドロップダウンは 3 つのタブに共通です。そして、各タブには関連するハイチャートとアコーディオンの複雑なセット。
添付の画像でわかるように、ユーザーがページ1、ページ2、ページ3のリンクをクリックするたびに「表示部分」が変更され、ドロップダウンは変更されず、表示領域内で利用可能になるはずです。ステップバイステップでアイデアを提案してください私のプロジェクトはすでにng-routingを使用して行われているため、ui-routes以外。
注: 3 つのタブすべてのビュー/テンプレートは同じではありません。最初のタブにはアコーディオン付きのハイチャートがあり、2 番目のタブにはプログレス バーの種類のデータを含む入れ子になった Div があります。3 番目のタブでは UI はまだ決定されていません。全体的なビューお互いに違うでしょう。
どうもありがとう
angularjs - リソースが ng-model に表示されないのはなぜですか?
私のプロジェクトでは、ngRoute を使用して edit.php ビューをインデックス ng-view にロードします。
ngResource の結果が ng-model にバインドされない理由がわかりません。ここに私のコードがあります:
Javascript:
edit.php:
バックエンドは次の json を返します
chrome デバッガーを使用して、ngResource から結果が返されたかどうかを確認したところ、次のように表示されました。
誰でも助けることができますか?ありがとうございました。
javascript - 口論 '' Angular ルーティングの関数ではありません
このエラーが発生しましたが、問題を特定できません。以下は私のエラーです
Error: [ng:areq] Argument 'homeCtrl' is not a function, got undefined
http://errors.angularjs.org/1.2.25/ng/areq?p0=homeCtrl&p1=not%20aNaNunction%2C%20got%20undefined
at VALIDITY_STATE_PROPERTY (http://localhost:8100/lib/ionic/js/ionic.bundle.js:7703:12)
at assertArg (http://localhost:8100/lib/ionic/js/ionic.bundle.js:9134:11)
at assertArgFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:9144:3)
at $get (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14903:9)
at updateView (http://localhost:8100/lib/ionic/js/ionic.bundle.js:42986:30)
at IonicModule.directive.directive.compile (http://localhost:8100/lib/ionic/js/ionic.bundle.js:42942:9)
at nodeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14336:13)
at compositeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13730:13)
at nodeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14330:24)
at compositeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13730:13)
以下は、私のAngularおよびIonicプロジェクトです。
homeCtrl
しかし、ルートから削除すると、正常に動作します。私は今かなりの時間を費やしましたが、私にとっては問題ないようです。
angularjs - angularjs 1.2.15でルートが解決されない
/hungry/hippo/nom-nom-nom
私は素晴らしい地図を描くルートを持っています。問題ない。
スラッシュを追加する
/hungry/hippo/nom-nom-nom/to-full-barf
後者は解決せず、理由がわかりません
余分な深さを追加するだけでto-full-barf
は解決しません。
助言がありますか?
更新:
さらに掘り下げましたが、通話は行われていませんexpress.js
。問題はAngularではなくExpressにあると思います。