問題タブ [angular-ui-router]
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 ui-router: デフォルト パラメータを解決して場所を書き換える
複数のネストされた状態があります。まあ言ってみれば:
各状態には、前提条件であるデータを取得するという決意があります。ところで、私はこの回避策を使用して、解決された子状態の親状態のデータを使用します( https://gist.github.com/MattWalker/6106393 )
ユーザーが /processes に移動すると、ユーザーを /departments//group//category/ にリダイレクトして、デフォルトのグループとデフォルトのカテゴリを持つデフォルトの部門を表示できるようにします。部門、グループ、カテゴリの順に選択してほしくありません。デフォルト値のビューをすぐに彼に見せたいです。
それは機能しますが、ここに私の質問があります。デフォルト値が見つかり、ビューが表示されたら、URL の場所を次のように表示するにはどうすればよいですか
それ以外の
ありがとう
javascript - ルーターの完全な URL の処理
自分のウェブサイトで angularjs を試しています。私の問題は、JS の有無にかかわらず、URL http://website.com/foo/barに同じコンテンツが必要なことです。
- "/" と JS にアクセスすると、"/foo/bar" に移動できます。問題ありません。
- JSなしで更新しても問題ありません。
- JS で更新すると、Angular は必要なコンテンツを生成できません。
問題は、この問題$location
を示唆するように、完全な URL を処理しないことだと思います。
angular に完全な URL の処理を強制するにはどうすればよいですか?
ありがとう。
javascript - 特定のリンクの状態を遷移させずに AngularJS で URL を変更するが、URL をリンクに保持する
2 つのアクションを持つリンクがあります。クリックすると、「ng-click」を介してモーダルボックスが開きますが、「ng-href」を介して状態も遷移します。
モーダルボックスの開口部は意図されています。状態遷移ではありません。ただし、永続化するには、その状態遷移の URL が必要です。
$locationChangeStart を使用して状態の変更を防止しようとすると、URL の変更も防止されます。これは好ましくありません。私も少し調べて、「reloadOnSearch」で潜在的な解決策を見つけました。ただし、特定のリンクを指すことはできません。ページ上のすべてのリンクがこれを行うわけではなく、他のリンクはすべて通常のリンクです。さらに、ui-router で reloadOnSearch を使用する方法がわかりません。
私が実装しようとしている機能は、Pinterest のアイテムのオーバーレイに似ています。アイテムをクリックすると、モーダル ボックスが開き、URL が変更されますが、基になるページは変更されません。これにより、エンド ユーザーは URL をコピーして友人と共有できます。友人がアクセスすると、実際にはオーバーレイではなく直接アイテム ページに移動します。
それが何かを簡単にするなら、私は現在ui-routerを使用しています。
うまくいけば、誰かが解決策を持っていますか?
javascript - Angular UI Router - 継承された状態のビュー
編集: @actor2019 の回答に基づいて、問題をよりよく説明するために質問を更新したいと思います。
Angular UI-Router (v0.0.2) を使用して、基本状態を継承しながら、メインの「ページ」/状態間を適切に移動するようにアプリをセットアップしました。
インデックス.html:
base.html:
問題は app.js ファイルにあります。views
パラメーターを状態に追加するとbase
、すべてが機能しなくなります (100% 空白のページ)。そのパラメーターがないと、ページは正しくレンダリングされますが、検索ビューがありません。
app.js:
この親の「基本」状態にビューを追加するにはどうすればよいですか?
更新:ここ
での @actor2019 の回答の問題はsearch
、状態が変化したときにビューが再初期化されることです。状態が変化しても、ベース レベルから離れたビューが持続するようにしたいと思います。
angularjs - angular jsリロードビュー
プロジェクトでAngular JSとAngular IU-Routerを使用しており、多くのUIビューを使用しています。サイトの言語を変更する必要がある状況があるため、UI ビューのモデルを関連する言語の別のモデルに交換する必要があります。関連するモデルを検出し、それを ui-view のコントローラーに渡すサービスが既にあります。したがって、UIビューをリロードできれば、理論的には問題は解決します。
ui-view (またはおそらく ng-view) を自動的にリロードし、そのコントローラーを再インスタンス化することについて何かを読んだことを思い出しますが、多くの検索を行った後、その情報を再び見つけることができませんでした。
私が探しているものを知っている人はいますか?
javascript - UI Router を使用して解決関数から呼び出されたサービス内の新しい状態の $stateParams にアクセスします
解決関数で呼び出されたサービスから移行中の状態にアクセスする方法はあり$stateParams
ますか? をngRoute
使用します$route.current.params
。この最小限のプランクが示すように、サービスはあなたが去っている状態だけを見ます:
http://plnkr.co/edit/QpwgAj?p=preview
新しい$stateParams
when$stateParams
が解決関数に直接挿入されますが、値はサービス内の 1 つのルートによってまだ遅れています。
私は何が欠けていますか?