使用 angular 循环遍历 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>