javascript - AngularJs:迭代键值对的奇怪结果

标签 javascript angularjs angularjs-ng-repeat

我有一个 Angular 数组如下

$scope.arr={
    "abc/xyz/../": [
        "a1.txt",
        "a2.txt",
        "a3.txt"
    ],
    "": [
        "no-folder.txt"
    ],
    "abc1/xyz/../": [
        "a4.txt",
        "a5.txt",
        "a6.txt"
    ]
}

我想遍历这个数组,需要得到如下结果

    "a1.txt",
    "a2.txt",
    "a3.txt" 

"no-folder.txt"

            "a4.txt",
            "a5.txt",
            "a6.txt"

我试过如下

<div ng-repeat="test in arr track by $index">
    <h3 ng-repeat="(key, value) in test">
        {{value}}
    </h3>
</div>

但是我得到了奇怪的结果,因为每个字符都是作为结果出现的。 你能帮忙吗?

更新 请看这个 fiddle https://jsfiddle.net/771voyj6/8/

最佳答案

我不知道你想做什么,但你可以创建这样的逻辑,它可能对你有用,它是一些硬编码的工作,但相应地改变它

       $scope.test = []

       $scope.test.push(arr["abc1/xyz/../"]+arr[""]+arr["abc1/xyz/../"]);

在 ng-repeat 中使用测试 .. :)

或者您可以对您的代码使用 ng-repeat 来执行我所知道的操作:

<div ng-repeat="test in arr">
            <div ng-repeat="test2 in test">
              {{test2}}
              </div>

关于javascript - AngularJs:迭代键值对的奇怪结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34108358/

相关文章:

javascript - 如何只允许鼠标悬停在两个元素上?

javascript - javascript 和 java 操作文件中的字符串列表值不同

angularjs - 需要在 Angular if 语句中选中复选框

javascript - 使用 AngularJs 仅显示其子对象具有特定值的选定对象的行

AngularJS 'ng-filter' 在约 1000 个元素的数组上非常慢

javascript - 如何访问放置在其旁边的元素?

javascript - 从 Javascript 使用 GET 方法检索项目并添加到 AngularJS $scope

javascript - 我是否应该将函数从 Controller 移至服务,但为了单元测试而必须使用 rootScope 而不是作用域?

javascript - 如何将数组数据模型中的交替元素放入基于列的布局中?

javascript - 检查 AngularJS 中自定义指令的输入