在javaScript对象中循环';带角度传感器的s阵列

在javaScript对象中循环';带角度传感器的s阵列,javascript,arrays,angularjs,Javascript,Arrays,Angularjs,因此,我对编写任何类型的代码都是全新的,我正在尝试使用AngularJS构建一个简单的网站,而我在通过指令模板循环控制器的对象数组时遇到了问题。我的目标是将每个数组字符串输出到模板中单独的列表项元素中, 例如,在我的控制器中 $scope.items = [ { list: ["1", "2", "3"], name: "whatever" }, { list: ["4", "5", "6", "7", "8"], name

因此,我对编写任何类型的代码都是全新的,我正在尝试使用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>
{{directive.name}
    对于(var i=0;i{{directive.list[i]+“}}”; };
    name对象使用模板在
    index.html
    中正确检索,但list对象不会输出数组,我尽了最大努力,尝试进行故障排除以使其正确,但我似乎无法找到它,需要帮助:(希望我说得够清楚,这是我第一次尝试创造任何东西,并且仍然试图熟悉所有的行话。

    这里有一个镜头:

    <div ng-repeat="i in items">
       <h1>{{ i.name }}</h1>
       <ul>
         <li ng-repeat="item in i.list">{{i}} </li>
       </ul>
    </div>
    
    
    {{i.name}
    
    • {{i}
    描述如下:

    基本上,您希望循环遍历数组中的所有项,这很简单——用以下内容替换您的

    <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>
    
    • {{item.name}
      • {{{list\u item}

    我想你需要重复两次……谢谢,只是我已经编写了一个单独的指令文件,并将其链接到一个模板来编写HTML标记,这样我就可以将对象从控制器移动到JSON文件中,并在完成后在线上传。尝试尝试不同的东西,可能会超越我自己