Цитирование через массив объекта javaScript с угловым

Question

Так что я абсолютно не знаком с написанием кода любого типа, я пытаюсь создать простой веб-сайт с помощью AngularJS, и у меня возникла проблема с циклом через массив объектов контроллера через шаблон шаблона. Моя цель состоит в том, чтобы выход каждой строки массива в отдельный элемент элемент списка в шаблоне, , например, в контроллере у меня есть

$scope.items = [ 
    { 
    list: ["1", "2", "3"], 
    name: "whatever" 
    }, 
    { 
    list: ["4", "5", "6", "7", "8"], 
    name: "whatever2" 
    }] 

в шаблоне директивы я написал что-то вроде этого

<h1>{{ directive.name }}</h1> 
    <ul id= "items"></ul> 
    <script> 
      for (var i = 0; i < directive.list[].length; i++) { 
        document.getElementById("items").innerHTML = 
        "<li>{{" + directive.list[i] + "}}</li>"; 
      }; 
    </script> 

объект имени правильно восстанавливается в index.html с использованием шаблона, но объект списка не выводит массив, дал ему лучший снимок, попытался устранить неполадки, чтобы получить его правильно, и я не могу понять, что вам нужно, нужна помощь :(надеюсь, что я будучи достаточно ясным, это моя первая попытка создать что-либо и по-прежнему пытаться найти семью со всем жаргоном.

Answer 1

Вот снимок:

<div ng-repeat="i in items"> 
    <h1>{{ i.name }}</h1> 
    <ul> 
    <li ng-repeat="item in i.list">{{i}} </li> 
    </ul> 
</div> 

И описание:

В основном вы хотите перебрать все элементы в массиве <div ng-repeat.., то для каждого из этих элементов вы хотите создать <ul>

Answer 2

это просто - заменить <script> с этим:

<ul> 
    <li ng-repeat="item in items">{{ item.name }} 
     <ul id="items"> 
      <li ng-repeat="list_item in item.list">{{ list_item }}</li> 
     </ul> 
    </li> 
</ul>