2017-01-04 108 views
0

如何在angularjs中添加從url到控制器的get請求參數 我的要求是http://localhost/abc-ang/#!/abc/8和我的控制器代碼是如何在Angularjs中添加get請求參數

app.controller('AbcCtrl', function($scope,$http) { 
    $http.get("src/public/add/:id").then(function(response) { 
     $scope.abc = response.data; 
    }); 
}); 

我想更換src/public/add/:idsrc/public/add/8 我怎麼能做到這一點動態?

我的路由配置是

app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
     .when('/abc', { 
      templateUrl: "tpl/welcome.html" 
     }) 
     .when('/abc/:wineId', { 
      templateUrl: 'tpl/abc-details.html', 
      controller: 'AbcDetailCtrl' 
     }) 
     .otherwise({ redirectTo: '/abc' }); 
}]); 
+0

的app.config([ '$ routeProvider',函數($ routeProvider){$ routeProvider 。當( '/ ABC',{ templateUrl: 「TPL/welcome.html」 }) 。當('/ ABC /:wineId」,{ \t templateUrl: 'TPL/ABC-details.html', \t控制器: 'AbcDetailCtrl' }) 。否則({redirectTo: '/ ABC'}); }]); –

回答

3

您可以訪問網址參數在你的代碼$routeParams

從您的評論你的路線是:

$routeProvider.when('/abc/:wineId', { 
    templateUrl: 'tpl/abc-details.html', 
    controller: 'AbcDetailCtrl' 
}); 

所以在你的控制器,你可以得到wineId值:

app.controller('AbcCtrl', function($scope, $http, $routeParams) { 
    $http.get("src/public/add/" + $routeParams.wineId).then(function (response) { 
     $scope.abc = response.data; 
    }); 
});