コントローラのAngularjsでアクセスするURLパラメータ

Question

angularJSコントローラからURLパラメータにアクセスする方法。たとえば、私はコントローラで適切なアクションをとることができるように、コントローラのparameter1とparameter2を読みたいと思います。 http://localhost:8080/MyApplication?Parameter1=testresponse&parameter2=1234

Answer 1

のようないくつかの時間を過ごした後、私は$の場所は、私が探していたものであることを考え出し。以下は、サンプルコードスニペットです。 >> AngularJS v1.4.8

main.js

 var mainApp = angular.module("app",['ui.bootstrap','ngModal']); 
    mainApp.config(['$locationProvider',function($locationProvider){  
     $locationProvider.html5Mode({ 
      enabled: true, 
      requireBase: false 
     }); 

    var mainController = function($scope,$window,$rootScope, $cookies,$cookieStore,$location){ 
var searchObject = $location.search(); 

    window.alert("parameter is :.."+searchObject.param1); 
    window.alert("Url typed in the browser is: "+$location.absUrl()); 
    } 

    mainApp.controller("MainController",["$scope","$window","$rootScope",'$location',mainController]); 

ブラウザでこのURLを入力： http://localhost:8180/Application/#param1=test

出力：

警告1：パラメータをです：..試験

警告2： "URLをブラウザに入力したのです：" angular.moduleについて "のParam ...未定義" エラー（ 'て、myApp'、[]） .controller（ 'myController'、（機能の入手+ http://localhost:8180/Application/#param1=test

Answer 2

$routeParamsサービスを使用すると、url paramsにアクセスできます。あなたのケースでは詳細については

angular.module('myApp', []) 
.controller('myController', (function ($scope, $routeParams) { 
    $routeParams.Parameter1 // for 1st param 
    $routeParams.parameter2 // for second param 
});  

- あなたのコントローラで$routeParams

Answer 3

を注入$ routeParams

angular.module(yourapp).controller(yourcontroller,['$routeParams', 
function($routeParams){ 
    console.log($routeParams.Parameter1) //Prints test response 
    }]);