Ng повторить с ul li не подходит должным образом в angularjs

Question

Я использую angularjs, здесь мне нужно получить значение ul li из массива, я получаю значение, но не получаю его надлежащим образом. Правильный способ проверки элемента -

<ul>
<li class="parent">Category1</li>
<li class="child">
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</li>

<li class="parent">Category2</li>
<li class="child">
<ul>
<li>four</li>
<li>five</li>
<li>six</li>
</ul>
</li>
</ul>

Вот код ниже

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<ul ng-repeat="item in items">
<li class="parent" ng-repeat="(key, val) in item">{{key}}</li>
<li ng-repeat="(key, val) in item" class="child">
<ul>
<li>{{val}}</li>
</ul>
</li>
</ul>
</div>

script

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.items = {"filter":{"Category1":{"value":["one","two","three"]},"Category2":{"value":["four","five","six"]}}}
console.log($scope.items.filter);
});

Answer 1

Вы можете попробовать это, чтобы получить значение ul li из массива:

<ul ng-repeat="(x, y) in items.filter">
<li class="parent"><b>{{x}}</b></li>
<li class="child">
<ul>
<li ng-repeat="p in y.value">{{p}}</li>
</ul>
</li>
</ul>

Plunker: http://plnkr.co/edit/D8M1U81tVz3UuzjWathk?p=preview Надеюсь, это поможет!