Angular 以模式显示产品图库

Question

根据上一个问题，我需要在 col-xs-5 的模式中显示我的产品图库：

<div class="modal fade" id="product-details-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
        <div class="col-xs-5">
          <product-gallery></product-gallery>
        </div>
        <!--/.col-xs-5-->
        <div class="col-xs-7 modal-details">
          <div class="modal-details-inner">
            <p>{{store.selected.name}}</p>
            <p>{{store.selected.description}}</p>
          </div><!--/.modal-details-inner-->
        </div><!--/.xs-7-->
      </div><!--/.modal-content-->
    </div><!--/.modal-dialog-->
  </div>

所有其他信息都从我的 json 文件中提取并显示正常。但是只有当我在模式中放置一个 ng-repeat 时图库才有效，这反过来显然会显示所有产品的所有图库图像。

我如何显示该特定产品的图库？我在下面添加了代码……

http://plnkr.co/edit/ouKSSnnAnTZvLyyePOXS?p=preview

非常感谢

Answer 1

图库图像数组可以在 store.selected 对象中访问：

<div class='gallery' ng-show="store.selected.images.length">
  ...
</div>

这是您的 plunker 的更新：http://plnkr.co/edit/1mIl9tiK320kzFXyZqsV?p=preview

Angular 以模式显示产品图库

Angular show product Gallery in modal

modal-dialog

image-gallery

twitter-bootstrap

angularjs

angularjs-directive