Javascript 对所有ID重复AngularJS ng
我在应用程序中使用Angular 我正在从数据库中获取数组中的数据，其中包含以下项：Javascript 对所有ID重复AngularJS ng,javascript,angularjs,Javascript,Angularjs,我在应用程序中使用Angular 我正在从数据库中获取数组中的数据，其中包含以下项： $ordersall[$count] = array( "orderID" => $looporders["orderID"], "customerID" => $looporders["customerID"], "customerName" => $customerName, "orderDate" =&g
$ordersall[$count] = array(
"orderID" => $looporders["orderID"],
"customerID" => $looporders["customerID"],
"customerName" => $customerName,
"orderDate" => $looporders["orderDate"],
"orderDeliveryDate" => $looporders["orderDeliveryDate"],
"orderStatus" => $looporders["orderStatus"],
"orderdetailID" => $row["orderdetailID"],
"productTitle" => $productTitle,
"productPrijs" => $productPrijs,
"aantal" => $row["orderdetailAantal"],
"extras" => "",
"extrasprice" => ""
);
app = angular.module('app', []);
app.controller("NavCtrl",function($scope,$http){
var serviceBase = 'api/';
$http.get(serviceBase + 'orderoverview/58').then(function (results) {
$scope.categories = results.data;
$scope.getTotal = function(){
var total = 0;
for(var i = 0; i < $scope.categories.length; i++){
var categories = $scope.categories[i];
total += (categories.productPrice * categories.orderdetailAantal);
if(categories.extra1 != "")
{
total += categories.extrasPrice;
}
}
return total;
}
});
});
问题可能在于服务器返回JSON的方式
[{"orderID":4,"customerID":1,"customerName":"Sander Hofman","orderDate":"2015-04-20 09:49:06","orderDeliveryDate":"2015-04-20","orderStatus":"done","orderdetailID":2,"productTitle":"Sexy Teacher","productPrijs":4,"aantal":1,"extras":"","extrasprice":""},
{"orderID":5,"customerID":2,"customerName":"Jelle Hofman","orderDate":"2015-04-20 12:05:09","orderDeliveryDate":"2015-04-20","orderStatus":"prepare","orderdetailID":3,"productTitle":"The Coach","productPrijs":3,"aantal":1,"extras":"","extrasprice":""},
{"orderID":5,"customerID":2,"customerName":"Jelle Hofman","orderDate":"2015-04-20 12:05:09","orderDeliveryDate":"2015-04-20","orderStatus":"prepare","orderdetailID":4,"productTitle":"The Virgin","productPrijs":3.2,"aantal":1,"extras":"","extrasprice":""},
{"orderID":5,"customerID":2,"customerName":"Jelle Hofman","orderDate":"2015-04-20 12:05:09","orderDeliveryDate":"2015-04-20","orderStatus":"prepare","orderdetailID":5,"productTitle":"Sexy Teacher","productPrijs":4,"aantal":3,"extras":"","extrasprice":""},
{"orderID":22,"customerID":11,"customerName":"Tom Welslau","orderDate":"2015-04-20 14:15:12","orderDeliveryDate":"2015-04-20","orderStatus":"prepare","orderdetailID":22,"productTitle":"The Virgin","productPrijs":3.2,"aantal":1,"extras":"","extrasprice":""},
{"orderID":22,"customerID":11,"customerName":"Tom Welslau","orderDate":"2015-04-20 14:15:12","orderDeliveryDate":"2015-04-20","orderStatus":"prepare","orderdetailID":23,"productTitle":"The Virgin","productPrijs":3.2,"aantal":1,"extras":"","extrasprice":""}
<li ng-repeat= "p in categories" ng-hide="categories.extra1.length">
{{p.orderID}}
<ul>
<li ng-prepeat="product in p.products">
{{product.title}}
</li>
</ul>
</li>
{{p.orderID}}
-
{{product.title}}
所以，也许解决方案是改变服务器返回JSON数据的方式？（如果可能的话）一个更干净的解决方案是首先提供订单列表。当用户选择特定订单时，您可以导航到其他视图以显示订单详细信息。这对于可伸缩性很重要。但是，如果您想继续您的方法，您可以通过使用嵌套的ng重复来实现，如下所示
<div ng-repeat="order in orders">
<span>{{order.orderID}}</span>
<span>{{order.customerID}}</span>
<span>{{order.customerName}}</span>
<span>{{order.orderDate}}</span>
<span>{{order.orderDeliveryDate}}</span>
<span>{{order.orderStatus}}</span>
<div ng-repeat="orderDetail in order">
<span>{{orderDetail.orderdetailID}}</span>
<span>{{orderDetail.productTitle}}</span>
<span>{{orderDetail.productPrijs}}</span>
<span>{{orderDetail.aantal}}</span>
<span>{{orderDetail.extras}}</span>
</div>
{{order.orderID}
{{order.customerID}}
{{order.customerName}
{{order.orderDate}
{order.orderDeliveryDate}
{{order.orderStatus}
{{orderDetail.orderdetailID}
{{orderDetail.productTitle}
{{orderDetail.productPrijs}}
{{orderDetail.aantal}
{{orderDetail.extras}
至于示例代码，它只涉及以上述格式返回JSON数据。具体的实现取决于您使用的服务器类型。能否添加一些示例json？你想使用角度。请在这里稍作修改。第二个ng repeat应该是ng repeat=“orderDetail in order.orderDetails”，其中每个订单都有一个名为orderDetails的订单详细信息数组。我试图理解您的方法，但如果您也能提供一个角度代码示例，会容易得多。嗯，我得到一个错误：JSON.parse:第1行的JSON数据后出现意外的非空白字符
<div ng-repeat="order in orders">
<span>{{order.orderID}}</span>
<span>{{order.customerID}}</span>
<span>{{order.customerName}}</span>
<span>{{order.orderDate}}</span>
<span>{{order.orderDeliveryDate}}</span>
<span>{{order.orderStatus}}</span>
<div ng-repeat="orderDetail in order">
<span>{{orderDetail.orderdetailID}}</span>
<span>{{orderDetail.productTitle}}</span>
<span>{{orderDetail.productPrijs}}</span>
<span>{{orderDetail.aantal}}</span>
<span>{{orderDetail.extras}}</span>
</div>