タグ付けされた質問 「angularjs-routing」

15
angular-routeとangular-ui-routerの違いは何ですか?
大きなアプリケーションでAngularJSを使用する予定です。そのため、使用する適切なモジュールを見つける準備をしています。 ngRoute(angular -route.js)モジュールとui-router(angular-ui-router.js)モジュールの違いは何ですか? 多くの記事でngRouteが使用されている場合、ルートは$ routeProviderで構成されます。ただし、ui-routerで使用する場合、ルートは$ stateProviderおよび$ urlRouterProviderで構成されます。 管理性と拡張性を向上させるには、どのモジュールを使用すればよいですか?

13
ちらつきを防ぐためにモデルが読み込まれるまでAngularJSルートの変更を遅らせる
AngularJSが各モデルとそのデータがそれぞれのサービスを使用してフェッチされるまで、新しいルートの表示を遅らせる方法(Gmailと同様)があるかどうか疑問に思っています。 たとえば、ProjectsControllerすべてのプロジェクトをリストしproject_index.htmlたがあり、これらがこれらのプロジェクトを示すテンプレートだったProject.query()場合、新しいページを表示する前に完全にフェッチされます。 それまでは、古いページが引き続き表示されます(たとえば、別のページを参照していて、このプロジェクトインデックスを表示することを決定した場合)。

18
ルートを変更しても新しいページの一番上にスクロールしない
ルートが変更されたときに、少なくとも私にとって望ましくない動作がいくつか見つかりました。チュートリアルhttp://angular.github.io/angular-phonecat/step-11/app/#/phonesのステップ11で、 電話のリストを確認できます。一番下までスクロールして最新のものをクリックすると、スクロールが一番上ではなく、真ん中にあることがわかります。 私は自分のアプリの1つでもこれを見つけました。どうすればこれを一番上までスクロールできますか。私はそれを手動で行うことができますが、これを行うには私にはわからない他のエレガントな方法があるはずだと思います。 では、ルートが変わったときに上にスクロールするエレガントな方法はありますか?

8
ng-clickを使用してルートを呼び出す方法とタイミング
ルートを使用しているとします。 // bootstrap myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $routeProvider.when('/home', { templateUrl: 'partials/home.html', controller: 'HomeCtrl' }); $routeProvider.when('/about', { templateUrl: 'partials/about.html', controller: 'AboutCtrl' }); ... そしてあなたのhtmlでは、ボタンがクリックされたときにAboutページに移動したいとします。一つの方法は <a href="#/about"> ...しかし、ここでもng-clickが役立つようです。 その仮定は正しいですか?アンカーの代わりにng-clickを使用しますか? もしそうなら、それはどのように機能しますか?IE: <div ng-click="/about">


4
angularjsルートにオプションのパラメーター値を指定できますか?
オプションのパラメーターを使用してルートを設定できますか(同じテンプレートとコントローラーですが、一部のパラメーターが存在しない場合は無視する必要がありますか? それで、次の2つのルールを書く代わりに、1つだけ持っていますか? module.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/users/', {templateUrl: 'template.tpl.html', controller: myCtrl}). when('/users/:userId', {templateUrl: 'template.tpl.html', controller: myCtrl}) }]); このようなもの([このパラメーターはオプション]) when('/users[/:userId]', {templateUrl: 'template.tpl.html', controller: myCtrl}) //note: this previous doesn't work ドキュメントには何も見つかりませんでした。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.