【问题标题】:ng-repeat multiple times in Angularjs在Angularjs中多次重复ng
【发布时间】:2016-11-29 13:52:44
【问题描述】:

我有这个 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>

我在另一个堆栈溢出问题上找到了这个解决方案。但它没有打印任何东西,而是 0 1 2 3 0 1 2 3

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

【问题讨论】:

  • 让它成为 ng-src,因为你在那里有绑定

标签: javascript angularjs arrays image angularjs-ng-repeat


【解决方案1】:

也许你应该试试:

<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>

【讨论】:

  • 在 url 中有绑定时使用 ng-src
  • @ShintuJoseph:你是对的...编辑了上面的代码 :)
猜你喜欢
  • 1970-01-01
  • 2016-11-07
  • 2018-04-14
  • 1970-01-01
  • 1970-01-01
  • 2020-12-19
  • 1970-01-01
  • 1970-01-01
  • 2016-03-28
相关资源
最近更新 更多