通过JavaScript对象的具有角阵列循环(Looping through a javaScrip

2019-10-23 05:14发布

所以，我绝对新编写的任何类型的代码，我试图用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使用模板，但列表对象不会输出数组，给了我最好的拍摄，试图排除故障，以得到它的权利，我似乎无法弄清楚，需要帮助:(我的希望“M是足够清晰的，这是我创造任何东西，仍然试图让熟悉所有的术语第一次尝试。

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>