Question

我正在尝试学习角度深度链接。

当我点击使用ng-repeat创建的链接时，如下面的exp：

<ul ng-controller="ShowOrderController">
   <li ng-repeat="car in cars"><a href="#ShowOrder/cars.indexOf(car)">
   {{car.Brand}}</a>
   </li>
 </ul>

它不会显示所点击链接的相关细节

我知道我没有在我的控制器上正确链接：

sampleApp.controller('ShowOrderController', function($scope, $http, $routeParams) {

  $http.get('data.json').
    success(function(data){
      $scope.cars = data;
      $scope.car_id = $routeParams.carId;
    });

});

我无法找出或找到明确解释如何创建深层链接的任何来源。

Exp：http://plnkr.co/edit/7D0UegRrtKPxrZ8zfxEL?p=preview

提前多多感谢！

Answer 1

试试这个。工作demo

您可以更改过滤器，如下所示

<div ng-controller="ShowOrderController" ng-repeat="car in cars | filter: { id: car_id } | limitTo:1">

Answer 2

我认为你还没有定义过滤器（即'query1'）。看看下面的代码。

sampleApp.controller('ShowOrderController', function($scope, $http, $routeParams) {

  $http.get('data.json').
    success(function(data){
      $scope.cars = data;
     
    });
	 $scope.car_id = $routeParams.carId;
	 id=$scope.car_id;
}).filter('query1',function(){
    return function(array){
      if(array){
        for(var i in array){
        if(array[i].id===Number(id)){
          return [array[i]];
        }
      }
      }
      
    }
});

工作的掠夺者在这里plunckr。

angularjs中的深层链接？

2 个答案: