Ng repeat с ul li не работает должным образом в angularjs

Я использую 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>

сценарий

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