組子文檔-angularjs

Question

我在JSON中有對象值，其中包含array.i試圖對子文檔進行分組，但不起作用。 我的朋克

以下是我的控制器代碼。 控制者

app.controller('MainCtrl', function($scope) {
  $scope.list = {
"_id": "56c4758af801160e00d176e0",
"orderfood": [
{
"_id": "569d84f04834c10e003dff36",
"qty": "1",
"confirm": "placed",
"price": 125,
"name": "Paneer Tikka"
},
{
"_id": "569d869fff1fe20e00f8ba9b",
"qty": "1",
"confirm": "placed",
"price": 85,
"name": "Falooda"
},
{
"_id": "569d869fff1fe20e00f8ba9b",
"qty": "1",
"confirm": "placed",
"price": 85,
"name": "Falooda"
}
],
"title": "Status",
"created": "2016-02-17T13:28:42.226Z"
}
});

以下是我的HTML代碼HTML

<p ng-repeat="(key,value) in list.orderfood | groupBy:'name'">
  {{key}}
</p>

我的朋克

Answer 1

不知道您想要的輸出是什么，但是您需要使用自定義函數來做到這一點：

<div ng-app ng-controller="Main">
    <div ng-repeat="list in itemsToFilter() | filter:filterNames">
        <b>{{list.name}}</b>
        <li ng-repeat="item in itemsToFilter() | filter: {name: list.name}">NAME: {{item.name}}- PRICE: {{item.price}}, etc...</li>        
    </div>
</div>

然后在您的控制器中：

function Main($scope) {
$scope.list = {
"_id": "56c4758af801160e00d176e0",
"orderfood": [
{
"_id": "569d84f04834c10e003dff36",
"qty": "1",
"confirm": "placed",
"price": 125,
"name": "Paneer Tikka"
},
{
"_id": "569d869fff1fe20e00f8ba9b",
"qty": "1",
"confirm": "placed",
"price": 85,
"name": "Falooda"
},
{
"_id": "569d869fff1fe20e00f8ba9b",
"qty": "1",
"confirm": "placed",
"price": 85,
"name": "Falooda"
}
],
"title": "Status",
"created": "2016-02-17T13:28:42.226Z"
}

var indexedTeams = [];

$scope.itemsToFilter = function() {
    indexedTeams = [];
    return $scope.list.orderfood;
}

$scope.filterNames = function(item) {
    var nameIsNew = indexedTeams.indexOf(item.name) == -1;
    if (nameIsNew) {
        indexedTeams.push(item.name);
    }

    return nameIsNew;
}
}

這是一個鏈接... js-fiddle示例：http://jsfiddle.net/L6cQN/305/