javascript - ng-在 Angularjs 中重复多次

标签 javascript angularjs arrays image angularjs-ng-repeat

我有这个 JSON

{
    "Industrial Visits to L&T Construction Equipment Limited":
        [
            "1467970539_789007_2014.jpg",
            "1467970539_644015.jpg",
            "1467970539_238317.png",
            "1467970539_946963.png"
        ],
    "Industrial Visits to Titan":
        [
            "1467968484_995138.png",
            "1467968226_987063.jpg",
            "1467968226_210302.jpg",
            "1467969523_721853.jpg"
        ]
}

我必须在 HTML 页面上打印标题及其相关图像。

我这样做:

<div ng-repeat="item in indusvisitlist">
                    <div ng-repeat="(key, value) in item">
                        <h3>{{key}}</h3>
                        <p class="col-md-6 col-sm-6" ng-repeat="image in value">
                            <img src="files/{{image}}" class="img-responsive img-thumbnail" />
                        </p>
                    </div>
                </div>

我在另一个 Stack overflow 问题上找到了这个解决方案。但它不打印任何东西 0 1个 2个 3个 0 1个 2个 3

有人可以找出问题可能出在哪里吗?谢谢。

最佳答案

也许你应该试试:

<div ng-repeat="(key, value) in indusvisitlist">
   <h3>{{key}}</h3>
   <p class="col-md-6 col-sm-6" ng-repeat="image in value">
     <img ng-src="files/{{image}}" class="img-responsive img-thumbnail" />
   </p>
</div>

关于javascript - ng-在 Angularjs 中重复多次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38581011/

相关文章:

javascript - 无法在存储库容器上找到参数 [] 的方法 google()

javascript - 使用reduce方法处理数组元素

mysql - 使用 perl 将数据库的每一行保存为目录中的单独文本文件?

javascript - $ ("#id").ajaxStart(...) 在 ajax 请求期间被调用两次

javascript - 需要使用 mongoose 更新对象内的值

c# - 在 Asp.net Web API 中处理 CORS 预检

angularjs - Angular 中的正则拦截表达式是什么?

c# - 是否可以重新启动/重新连接 SignalR 连接?

Objective-C 原始数组

javascript - 你如何在 JavaScript 中创建实例的实例