我正在尝试按类别列出我的项目,所以我想显示的是这样的内容。
类别 A
项目1
项目2
B类
项目1
项目3
项目4
C类
项目3
项目4
这是我拥有的数组,我应该如何打印我的类别并列出下面的项目? $scope.categoryArray = [ {name:"Item 1", on: false, subcategory:"Category A"}, {name:"Item 2", on: false, subcategory:"Category A"},
{name:"Item 1", on:false, subcategory:"Category B"}, {name:"Item 3", on: false, subcategory:"Category B"},
{name:"Item 4", on: false, subcategory:"Category B"}, {name:"Item 3", on: false, subcategory:"Category C"},
{name:"Item 4", on: false, subcategory:"Category C"}];
提前感谢您的投入!
这将做到这一点:
var app = angular.module("app", []);
app.controller("c", function($scope) {
$scope.categoryArray = [{
name: "Item 1",
on: false,
subcategory: "Category A"
}, {
name: "Item 2",
on: false,
subcategory: "Category A"
}, {
name: "Item 1",
on: false,
subcategory: "Category B"
}, {
name: "Item 3",
on: false,
subcategory: "Category B"
}, {
name: "Item 4",
on: false,
subcategory: "Category B"
}, {
name: "Item 3",
on: false,
subcategory: "Category C"
}, {
name: "Item 4",
on: false,
subcategory: "Category C"
}];
$scope.array = [];
for (var item in $scope.categoryArray) {
var obj = $scope.array[$scope.categoryArray[item].subcategory];
if (!obj)
$scope.array[$scope.categoryArray[item].subcategory] = [];
$scope.array[$scope.categoryArray[item].subcategory].push($scope.categoryArray[item].name);
}
var str = "";
for (var cat in $scope.array) {
str += cat + "</br>";
for (var item in $scope.array[cat]) {
str += $scope.array[cat][item] + "</br>";
}
}
$("#content").html(str);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="c" id="content"></div>