javascript - Angular 模板页面

Question

我想在 AngularJs 中使用/example/car/id 建立模板网站，其中不同的 ids 是不同汽车的页面。在 app.js 中我写道:

angular
  .module('carApp', [
    'ngCookies',
    'ngResource',
    'ngRoute',
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .when('/car/:id', {
        templateUrl: 'views/car.html',
        controller: 'CarCtrl'
      })
  });

在 Json 中我做了 2 辆车:

[{
"model": "Audi",
"year": "1999"
}
{
"model": "BMW",
"year": "2005"
}]

在 car.js 中

angular.module('carApp')
.controller('CarCtrl',  ['$scope','$http', function($scope, $http)
{    
    $http.get('scripts/controllers/cars.json').success (function(data){
    $scope.cars = data;
});

}]
);

我需要在哪里编写什么代码才能拥有模板，其中 example/car/1 将显示有关 Audi 的详细信息，example/car/2 将显示有关 BMW 的详细信息？

Answer 1

您可以使用 $routeParams 读取参数并将它们作为查询字符串放入您的 URL 或在 $http 上使用此版本:

$http({
    url: user.details_path, 
    method: "GET",
    params: {user_id: user.id}
 });

https://stackoverflow.com/a/13760360/20126