如何从angularjs中的url中检索params

时间:2015-08-18 05:52:50

标签: angularjs

我想要的是从网址中检索参数? symbol.Can任何人都帮我解决这个问题

4 个答案:

答案 0 :(得分:0)

请参阅AngularJS文档中的$routeParams

答案 1 :(得分:0)

您只需要注入$stateParams,然后您可以使用$stateParams.Id

访问例如Id /或任何其他参数

答案 2 :(得分:0)

这将取决于您在app.js中使用的提供程序,以便为您的应用程序定义路由,

如果您正在使用,

$routeProvider then $routeParams."{your ID or passed variable}"

您可以在控制器和要重定向到的JS文件中使用。

如果你正在使用$ stateProvider那么

$stateParams."{your ID or passed variable}" 

答案 3 :(得分:0)

JS文件: 您可以在控制器中收到$ routeParams,如下所示:

app.controller('detailCtrl', ['$scope', '$routeParams', function($scope, $routeParams){
$scope.trackTitle = $routeParams.trackTitle;}])

并且您的RouteProvider的工作方式如下:[查看详细信息页面]

$routeProvider.when('/home', {
    templateUrl: 'home.html',
    controller: 'homeCtrl'
}).when('/page1',
    {
        templateUrl: 'page1.html',
        controller: 'page1Ctrl'
    }).when('/detail/:trackTitle', {
        templateUrl: 'detail.html',
        controller: 'detailCtrl'
    }).when('/tracks', {
        templateUrl: 'tracks.html',
        controller: 'homeCtrl'
    }).when('/contact',{
        templateUrl: 'contact.html'
    }
).otherwise({
        redirectTo: '/home'
    })

});

HTML:

<tr ng-repeat="track in filtered = (tracks.details | filter:name | orderBy: sortType : sortReverse)">
            <td><a href="#/detail/{{track.title}}"> {{track.title}}</a></td>
            <td>{{track.artist}}</td>
        </tr>