プログラミング ngroute

11

次のように構成されたログインビューとメインビューを持つ小さなAngularJSアプリを書いています。 $routeProvider .when('/main' , {templateUrl: 'partials/main.html', controller: MainController}) .when('/login', {templateUrl: 'partials/login.html', controller: LoginController}) .otherwise({redirectTo: '/login'}); 私のLoginControllerはユーザーとパスの組み合わせをチェックし、これを反映する$ rootScopeにプロパティを設定します。 function LoginController($scope, $location, $rootScope) { $scope.attemptLogin = function() { if ( $scope.username == $scope.password ) { // test $rootScope.loggedUser = $scope.username; $location.path( "/main" ); } else { $scope.loginError = "Invalid user/pass."; } } …

493 angularjs ngroute

11

AngularJSでクエリパラメーターを読み取る最も簡潔な方法は何ですか？

AngularJSを使用してURLクエリパラメータの値を読みたいのですが。次のURLでHTMLにアクセスしています。 http://127.0.0.1:8080/test.html?target=bob さすがlocation.searchです"?target=bob"。targetの値にアクセスするために、Webにリストされているさまざまな例を見つけましたが、AngularJS 1.0.0rc10では機能しません。特に、以下がすべてundefinedです。 $location.search.target $location.search['target'] $location.search()['target'] 誰が何がうまくいくか知っていますか？（$locationコントローラーのパラメーターとして使用しています）更新：以下に解決策を掲載しましたが、完全には満足していません。開発者ガイド：Angular Services：$ locationの使用に関するドキュメントには、次のように記載されています$location。 $ locationはいつ使用する必要がありますか？アプリケーションが現在のURLの変更に対応する必要がある場合、またはブラウザーで現在のURLを変更する場合。私のシナリオでは、私のページはクエリパラメーターを使用して外部Webページから開かれるため、それ自体は「現在のURLの変更に反応する」ことはありません。ですから、おそらく$location仕事に適したツールではありません（醜い詳細については、以下の私の答えを参照してください）。したがって、この質問のタイトルを「$ locationを使用してAngularJSでクエリパラメーターを読み取る方法」から変更しました。「AngularJSでクエリパラメータを読み取る最も簡潔な方法は何ですか？」明らかに、JavaScriptと正規表現を使用して解析することができlocation.searchますが、非常に基本的な何かのために低レベルにすると、プログラマーの感性が本当に気分を害します。だから：$location私の答えよりも使用するより良い方法はありますか、それとも簡潔な代替手段はありますか？

312 angularjs ngroute

14

AngularJSのURLからフラグメント識別子を削除する（＃記号）

angular.jsのURLから＃記号を削除することはできますか？ビューを変更してURLをパラメーターで更新するときに、ブラウザーの戻るボタンなどを引き続き使用できるようにしたいのですが、＃記号は必要ありません。チュートリアルrouteProviderは次のように宣言されています。 angular.module('phonecat', []). config(['$routeProvider', function($routeProvider) { $routeProvider. when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}). otherwise({redirectTo: '/phones'}); }]); ＃なしで同じ機能を持つようにこれを編集できますか？

257 angularjs url ngroute

8

AngularJS：コントローラー関数からビューを切り替えるにはどうすればよいですか？

AngularJSのng-click機能を使用してビューを切り替えようとしています。以下のコードでこれを行うにはどうすればよいですか？ index.html <div ng-controller="Cntrl"> <div ng-click="someFunction()"> click me <div> <div> controller.js function Cntrl ($scope) { $scope.someFunction = function(){ //code to change view? } }

237 javascript angularjs ngroute

5

angularjs 1.6.0（最新）ルートが機能しない

Stackoverflowでこの質問が表示されることを期待していましたが、表示されませんでした。どうやら私はこの問題を抱えているのは私だけで、非常に一般的だと思われます。私が取り組んでいる基本的なプロジェクトがありますが、これまでに行ったすべてが正しいように見えても、ルートが機能していないようです。私のindex.htmlファイルにこのhtmlの一部が含まれています。 <html> <head ng-app="myApp"> <title>New project</title> <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script> <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script> <script src="app.js"></script> </head> <body> <a href="#/add-quote">Add Quote</a> <div ng-view ></div> </body> </html> そしてこれが私のapp.jsです： var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/add-quote', { templateUrl: 'views/add_quote.html', controller: 'QuoteCtrl' }) .otherwise({ redirectTo: '/' }); }]); ページにアクセスしただけの場合、URLには次のようになります。 http：// localhost：8000 …

98 angularjs angular-routing ngroute angularjs-ng-route angularjs-1.6

タグ付けされた質問 「ngroute」

タグ付けされた質問「ngroute」