Angularjs 带参数的离子态

我试图创建一个状态，它将根据一个参数提供5个状态

以下是app.js：

.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider

.state('home' , {
    url:'/',
    templateUrl: 'home.html'
})
.state('car' , {
    url:'/car/:carId',
    templateUrl: 'car{{carId}}.html',
    controller: function($scope, $stateParams) {
        $scope.carId = $stateParams.carId;
    }
  });
})

id为的url可以工作，但是我如何才能对html页面的模板url执行相同的操作，因为现在我的所有5个列表项状态都显示相同的内容

列出我称之为状态示例的5项：

<a class="item" ui-sref="car({ carId: 1})">
   Car 1
</a>

汽车1

templateUrl id的脚本定义中存在问题：

<script type="text/ng-template" id="car{{carId}}.html">
  <ion-view view-title="Car 1"> 
    <ion-content>
        <h1>car1</h1>
    </ion-content>
  </ion-view>
</script>

car1

---

是否可以在id和app.js templateUrl的脚本定义中传递该carId，以便每个页面都有不同的内容？

您必须使用如下所述的函数定义templateUrl：

$stateProvider.state('contacts', {
  templateUrl: function ($stateParams){
    return '/car' + $stateParams.carId + '.html';
  }
})