問題タブ [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 - 動的パラメーターを使用した ui-router の解決
これはおそらく単純ですが、ドキュメントには何も見つからず、グーグルも役に立ちませんでした。$stateProvider
必要なデータを取得するためにサーバーでヒットする必要がある URL が状態 URL パラメーターに依存する状態を定義しようとしています。要するに、次のようなものです:
上記は機能しません。$routeParams
必要なcat
パラメーターを取得するために注入しようとしましたが、うまくいきませんでした。これを行う正しい方法は何ですか?
javascript - $stateProvider である種のルールベースの状態が可能ですか?
AngularJS アプリケーションを からng-view
にui-view
、したがって から$routeProvider
に変換してい$stateProvider
ます。
私$routeProvider
はかつて約持っていました。100when
エントリ。約 20 程度のドメイン エンティティの場合、次のような同様のエントリがあります。
- エンティティのリストを表示する
- 他のエンティティでフィルタリングされたエンティティのリストを表示する
- 新しいエンティティを追加する
- 新しいエンティティを他のエンティティの子として追加する
- 既存のエンティティを編集/表示する
1. と 2. は同じビュー/コントローラーを持つことに注意してください。また、3.、4.、および 5. は同じビュー/コントローラーを持ちます。
言い換えれば、高度に構造化されており、URL の割り当て方法も同様です。そして、考えられるすべての順列をリストするのではなく、ロジックをコーディングすることについて以前から考えていました。
$stateProvider
私の目標の 1 つは、ビューを埋め込むことです。たとえば、リストからエンティティを簡単に追加したり (1./2. と 4. を結合)、親エンティティから子エンティティを追加したり (5. と 4. を結合) したりできます。.
これらすべてに状態を追加する必要があるため、将来、考えられる順列の数が爆発的に増えることがわかります。私が定義した厳密なルールに従う (必要に応じて再定義できる) URL に対して、これを「修正」するための既知の戦略はありますか? 最悪の場合、順列を生成することはできますが、おそらく$stateProvider
ルールが何であるかを教えることができます。
とても有難い。
angularjs - ui-router のネストされたビュー
angularjs でいくつかのネストされた状態で作業していますが、URL の一部が動的になるまではすべてうまくいきます。
これはうまくいきます
しかし、動的パラメーターがあるため、company.view を拡張すると失敗します。
company.view ではなく company からユーザーを拡張すると、ネストされたビューが表示されますが、company.view から拡張すると、ネストされたビューではなく、メイン コンテンツのみが表示されます。
company/index.html の場合:
user/index.html の場合:
他のすべてのhtmlは次のように単純であると仮定します
私が使用する URL は次のとおりです。
/会社[作品]
/company/92 [作品]
/company/92/user [まさか]
これを動的パラメーターで機能させるにはどうすればよいですか?
javascript - AngularJSのui-routerでクエリパラメータを抽出するには?
AngularJSの ui-routerを使用してクエリ パラメータを抽出するにはどうすればよいですか?
AngularJS 独自の$location
サービスで、次のことを行いました。
($location.search()).uid
URL からパラメーター uid を抽出します。ui-router に対応するコードは何ですか?
angularjs - angular ui-routerで長い動的URLを処理するには?
私は REST サービス用のフロントエンド アプリを構築しています。ほとんどのリソースは、ユーザーがアプリで作成したレコードに基づいてほとんどのセグメントが動的な長い URL に配置されています。明らかに、これらのレコードのほとんどについて、ハードコードされたルートを知ることも作成することもできません。
私の質問は、ui-router で次のような URL を処理する方法です。
<semester>/<program>/<class>/enrollment
また
<semester>/myclasses/<class>/assignments
すべてのリソース URL には常に少なくとも 1 つの静的で予測可能なセグメントがあり、セグメントは常に予測可能な順序になっています。
次のように、URL の各セグメントの抽象的な状態を作成しますか?
??
次のようなルートを作成してみました。
.otherwise()
しかし、「param」状態にリンクすると、最終的に状態に戻ります。
助けてくれてありがとう、私は少し困惑しています。
javascript - Angular UI Router - ネストされたルートは、ネストされた状態のテンプレートでは機能しません
これが私のコードです:
リンクをクリックすると、UIビューに親状態のテンプレートとコントローラーが表示されました。AngularJS のバージョンは 1.2.0-rc.2 です
angularjs - requirejsを使用したui-router angularjsでルーターが見つからないというエラー
angularjs に ui-router.js を含めました。しかし、どういうわけか、requirejsで動作しません。
今私の app.coffee は
コンソールはクロムでエラーを出します
と
ファイアフォックスで。ui-router をモジュールとして使用して、 route.coffee のモジュールにロードできないのはなぜですか?