Question

我是angularjs的新手并尝试使用$ routeProvider更改我的代码到$ urlRouterProvider。

以下是我使用$ routeProvider的代码：

.when('/cars', {
    templateUrl: 'views/cars.html',
    controller: 'CarsCtrl'
  })
.when('/cars/:id', {
    templateUrl: 'views/cardetail.html',
    controller: 'CarDetailCtrl'
  })

我的html看起来像这样：

<div class="list-group"  ng-repeat="car in cars">
  <a href="#/cars/{{car.id}}" class="list-group-item active">
   <h4 class="list-group-item-heading">{{car.id}}</h4>
   <p class="list-group-item-text">Car name: {{car.name}}</p>
   <p class="list-group-item-text">Car date: {{car.date}}</p>
  </a>
</div>

因此，当我点击其中一个汽车阵列时，它会导致cardetail.html。此代码适用于使用$ routeProvider。现在，我试图将其转换为使用$ urlRouterProvider，我遇到了一些问题。

到目前为止我所做的事情看起来像这样（它不起作用）：

.state('cars', {
    url: '/cars',
    parent: 'dashboard',
    templateUrl: 'views/modules/cars/cars.html?v='+window.app_version,
    controller: 'CarsCtrl'
})
.state('carDetail', {
    url: '/car/:id',
    parent: 'dashboard',
    templateUrl: 'views/modules/cars/carsDetail.html?v='+window.app_version,
    controller: 'CarDetailCtrl'
})

和我的HTML：

<pageheader pagename="Cars" subtitle="your cars"></pageheader>

<div class="list-group"  ng-repeat="car in cars">
 <a ng-href="#/carDetail/{{id}}" class="list-group-item active">
  <h4 class="list-group-item-heading">{{car.id}}</h4>
  <p class="list-group-item-text">Car name: {{car.name}}</p>
  <p class="list-group-item-text">Car date: {{car.date}}</p>
 </a>
</div>

我的HTML有问题吗？非常感谢。

Answer 1

使用size + 1建立您的链接。

ui-sref

将$ routeProvider更改为$ urlRouterProvider

1 个答案: