Question

我有一个图像列表，以及一个看起来像这样的data.json文件：

[
  {
    "id" : 1,
    "description" : "",
    "category": "bathroom",
    "url" : "bathroom/1.jpg"
  },
  {
    "id" : 2,
    "description" : "",
    "category": "bathroom",
    "url" : "bathroom/2.jpg"
  }...
]

我重复这些图像：

<ul ng-controller="galleryCtrl" class="gallery">
  <li ng-repeat="photo in photos" class="gallery-list-item" rel="group">
    <a href="../photos/{{photo.url}}" class="{{photo.category}} fancybox" rel="group"><img ng-src="../photos/{{photo.url}}" alt=""/>{{photo.id}}</a>
  </li>
</ul>

现在，我想为每个“类别”添加一个按钮，它将过滤（ng-animate nice to have）并仅显示与该按钮绑定的类别。

我想一个简单的方法就是每个类，但我想知道是否更适合photo.category值。理想情况下我不想在我的HTML（ngClick）中添加函数调用，但我不知道是否可以避免。

AngularJS中的挑战是选择最佳方法来执行操作 - 因为总有多个方法。

另请注意，我使用的是ui-router，所以我可以使用视图，每个类别都有一个视图..但我觉得这有点矫枉过正..

我的问题：

你能列出2-3个问题的可能解决方案，并且只列出最适合你的解决方案吗？

筛选元素列表的最有效方法是什么

0 个答案: