ui-sref htmlをhtmlに追加しないで、レンダリングすることができません。

Question

コンソールにエラーはありません。

私のコードは単純であり、 Home.html <h2>Select the car for seeing details</h2> <div ui-view=""></div> angular.module（ 'cardealer'、[ 'ngRoute'、 'ui.router']） .controller（ 'carcntrlr'、関数（$以下のようにスコープ、スコープ、$ routeParams、$ location）{ $ scope.cars = [{id：1、name： 'Honda'}、{id：2、name： 'Hyundai'}、{id：3、name： 「トヨタ}];

}) 
    .controller('cardetails',function($scope,$routeParams){ 

     $scope.id = $routeParams.id; 
     $scope.name = $routeParams.name; 
    }) 
    .config(function ($stateProvider, $routeProvider, $urlRouterProvider) { 
     $urlRouterProvider.otherwise("/route") 
     $stateProvider.state('cars', { 
      url: "/route", 
      templateUrl:'cars.html', 
      controller: 'carcntrlr' 
     }) 
      .state("cardetails", { 
      url: '/car/:carId/:carName', 
      templateUrl:'cardetails.html', 
       controller:function($scope,$stateParams){ 

        $scope.id = $stateParams.carId; 
        $scope.name = $stateParams.carName; 
       } 

     }) 
    }) 
    ; 

</script> 

Cars.html

<div> 


<ul ng-repeat="car in cars"> 
    <li> 
     <a ui-sref="carDetails({carId: '{{car.id}}',carName:'{{car.name}}'})">{{car.name}}</a> 
    </li> 
</ul> 
<hr/> 
<div ui-view></div> 

Answer 1

ui-sref状態パラメータ、ならびに{{}} & '（単一qoute）を使用する必要に値を提供します。スコープ変数から値を渡しているようです。

そして、次のことは、状態名carDetailsにタイプミスですcardetails

ui-sref="cardetails({carId: car.id, carName: car.name})" 

Answer 2

まず最初は@Pankajパーカーは、あなたがあなたの状態で次に

ui-sref="carDetails({carId: car.id, carName: car.name})" 

を書くべきで指摘したものであるべきです州名をcarDetails（大文字D）と定義していますが、あなたのcars.htmlページの （あなたは小文字のdに注意してください）

carDetails.htmlページと同じです。