問題タブ [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.

0 投票する
8 に答える
54086 参照

angularjs - ng-view ではなく ui-view で ng-animate を使用するにはどうすればよいですか?

angularJS v1.2 で angular-ui-router を使用しており、カスタム ページ遷移を実装したいと考えています。ng-view (標準的な方法) ではなくui-view ( angular-ui-router
から) で ng-animate を使用するにはどうすればよいですか? ng-view の参照については、AngularJS 1.2 のリマスターされたアニメーションを参照してください。

編集: コメントで提案されているように、v1.2.0-rc.2 と v1.2.0-rc.3 の 2 つの異なるバージョンの angular を試しましたが、どちらもうまくいかないようです。私は何か間違ったことをしているかもしれないと思いますか?

HTMLは次のとおりです。

そしてCSS:

前述の例のJSfiddleを追加しました。この例を拡張して ng-view と ui-view をカバーするのはいいことですが、ng/ui-view とパーシャルを JSfiddle に取り込む方法がわかりません。

0 投票する
14 に答える
229036 参照

angularjs - $state.go toParams と $stateParams を使用してパラメーターを送信および取得する方法は?

AngularJS v1.2.0-rc.2 と ui-router v0.2.0 を使用しています。リファラーの状態を別の状態に渡したいので、toParamsof を次の$state.goように使用します。

docsによると、これは$stateParamsコントローラtoStateに を設定する必要がありますが、そうですundefined。私は何が欠けていますか?

実演するためにプランクを作成しました:

http://plnkr.co/edit/ywEcG1

0 投票する
5 に答える
15725 参照

javascript - Angular のサブビューとしてのページのパーツ

次の問題を解決する必要があります。

ここに画像の説明を入力

ローカル メニュー (左側のメニュー) 内から、サブページを選択できます。典型的なシナリオ。そして今、ローカルメニューアイテムに関連するコンテンツをリロードしたいと思います. 純粋なAngularでは、それを達成するための標準的な簡単な方法がわかりません. サーバーから手動でマークアップを取得し、コンテンツ領域を手動で置き換えることができました。より良い方法はありますか?ググってたどり着いた

https://github.com/angular-ui/ui-router

しかし、詳細を掘り下げる前に、この問題を解決する方法をアドバイスしていただけないでしょうか。または、この問題を ui-router で解決できるかどうかのアドバイスも。

0 投票する
5 に答える
20821 参照

angularjs - $route.reload() は ui-router では機能しません

ui-routerに切り替えました。1つのことを除いて、すべてが順調に進みました。私のページには、アプリケーションのコンテキストを変更する選択があります。とにかく、以前、このコンテキストが変更されたとき、私はこのコードを実行していました (特にsetメソッド):

最も重要なことをしていた。ページをリロードしました。しかし、ui-router に切り替えた後、$route.reload は何もしません。また、ui-router API で対応するものを見つけられませんでした。この問題を解決するには?

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

javascript - Angular-app、(ui-)router でのリゾルバーの認証と順序

この質問は、angular-appプロジェクトと、それがユーザーを認証する方法について言及しています。

元の実装では、ルーターで resolve 句を使用して、一部の URL へのアクセスを保護していました。これは次のようになります。

});

ユーザーが認証され、プロジェクトがフェッチされるまで、ビューはレンダリングされません (UI のちらつきを防ぐため)。ユーザーが認証されていない場合、ログイン ポップアップがポップアップ表示され、ユーザーがそれを送信すると、promise が解決され、要求されたページが表示されます。Projects.all() 呼び出しで認証が必要ない場合、これはうまく機能します。

サーバー呼び出しのログは次のとおりです。

angular_app/collections/projects への呼び出しは、認証されていないユーザーに対しても有効です。

私の場合、次のコードがあります。

違いは (私が ui-router と Restangular を使用することを除いて) API 呼び出しを認証する必要があることです。サーバーログは次のようになります。

ここで 403 ステータス コードに注意してください。その結果、ユーザーにはログイン ポップアップが表示され、認証されますが、空のページが表示されます。これは、データ取得の約束の失敗が原因だと思います。

私の質問は、約束の順序を強制することは何とか可能ですか? 最初にユーザーが認証されているかどうかを確認してから、バックエンドなどに呼び出しを発行したいのですが、ここで使用できる他の解決策はありますか? 私はAngularを学んでいるので、簡単な解決策があってもそれは私には明らかではありません.