Question

只是想用一个简单的exp来找出routeParams：

app.js：

var app = angular.module("myApp", ['ngRoute']);

app.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/routePerson/:personId', {
  templateUrl: 'person.html',
  controller: 'showCtrl'
      }).
      otherwise({
        redirectTo: 'index.html'
      });
}]);

app.controller('showCtrl', function($scope, $http, $routeParams) {

  $http.get('data.json').
    success(function(data){
      $scope.names = data;
     $scope.names_id = $routeParams.personId;
    });

});

当我点击其中一个链接名称时，我得到所有名称，而不是获取所选对象ID的名称。如何获取所单击对象ID的对象名称？

更清楚：http://plnkr.co/edit/c8z2IRzYcHKF6G8VmVoy?p=preview

Thnx提前！

Answer 1

您的ID正确无误。你只需要在你的HTML中打印它。

<span>Person ID - {{names_id}}</span>

如果您需要根据所选ID的名称，请执行以下操作：

<span ng-repeat="t in names" ng-if="t.id == names_id"> {{t.name}} </span>

To get name based on ID

Updated Code

如何使用routeParams进行路由？

1 个答案: