Javascript 在html中呈现角度时出错

我有一个角度项目，在一个视图中，您有一个订单列表，在这些订单中，您将只看到标题，一旦您单击该标题，您应该通过

list.id

重定向到一个新视图，在该视图中您将看到订单的全部内容

这是html，您应该在其中看到该订单的标题

<a ng-href="#/orders/{{list.id}}" ng-repeat="list in detalleOrden">
   <h5>Orden {{list.id}}</h5>
   <p>{{list.unidadEjec}}</p>       
</a>

因为我没有使用任何ng repeat，是吗

代码如下：

$routeProvider
  .when('/orders', {
    templateUrl: 'views/main.html',
    controller: 'OrderDetailsCtrl',
    resolve: {
      orders: function(Order) {
        return Order.list();
      }
    }
  })
  .when('/orders/:id', {
    templateUrl: 'views/order-detail.html',
    controller: 'OrderIdCtrl',
    resolve: { 
      order: function(Order, $routeParams) {
        Order.list().then(function(orders) {
          for(var i = 0; i < orders.length; i++) {
            if(orders[i].id === $routeParams.id) { 
              return orders[i];
            }
          }
          return null;
        });
      }
    }
  })

---

因此，我的问题是：当我单击订单的标题时，我成功地重定向到新视图，但我无法可视化内容。

AFAIK您必须使用变量

order

而不是

表中的
列表
。我认为
表
在详细视图中

对于uri
/orders/:id
您在控制器
OrderIdCtrl
中有
order
变量，您不需要使用任何
ng repeat

只需使用
order
即可，查看：

            <table class="table">
                <tbody>
                    <tr>
                        <th>Supervisor:</th>
                        <td>{{order.supervisor}}</td>
                    </tr>
                    <tr>
                        <th>Responsable:</th>
                        <td>{{order.responsable}}</td>
                    </tr>
                    <tr>
                        <th>Solicitante:</th>
                        <td>{{order.solicitante}}</td>
                    </tr>
                    <tr>
                        <th>Unidad ejecutora:</th>
                        <td>{{order.unidadEjec}}</td>
                    </tr>
                </tbody>
            </table>


监督人：
{{order.supervisor}}
负责的：
{{order.responsible}}
律师：
{{order.requestante}}
Unidad ejecutora：
{order.unidadEjec}
对不起，我没听清楚
  .controller('OrderDetailsCtrl', function ($scope, $routeParams, $log, $rootScope, Order) {

        Order.list().then(function(orders) {
           $scope.detalleOrden = orders;
         }
        });

  .controller('OrderIdCtrl', function ($scope, $routeParams, $log, $rootScope, Order) {

    $scope.order = {};

    Order.list().then(function(orders) {
      for(var i = 0; i < orders.length; i++) {
        if(orders[i].id === $routeParams.id) { 
          $scope.order = orders[i];
        }
      }
    }, function() {
      $log('error');
    });
  });

  .factory('Order', function ($q) {    
    return {
      list: function() {
        var deferred = $q.defer();

        deferred.resolve([{
          id: '12423',
          title: 'Detalles de la orden',
          supervisor: 'Someone',
          responsable: 'Someone Else',
          solicitante: 'Recope',
          unidadEjec: 'Grupo Planificador Belén'
        }, {
          id: '56456',
          title: 'Detalles de la orden',
          supervisor: 'Carlos Blabla',
          responsable: 'Alberto Blablo',
          solicitante: 'Recope',
          unidadEjec: 'Grupo VEINSA'
        }]);

        return deferred.promise;
      }
    };
  });

            <table class="table">
                <tbody>
                    <tr>
                        <th>Supervisor:</th>
                        <td>{{order.supervisor}}</td>
                    </tr>
                    <tr>
                        <th>Responsable:</th>
                        <td>{{order.responsable}}</td>
                    </tr>
                    <tr>
                        <th>Solicitante:</th>
                        <td>{{order.solicitante}}</td>
                    </tr>
                    <tr>
                        <th>Unidad ejecutora:</th>
                        <td>{{order.unidadEjec}}</td>
                    </tr>
                </tbody>
            </table>