通过angularjs文件网格视图

Question

我是angularjs的新手，现在我需要对angularjs做一个网格视图，就像在Windows资源管理器中查看带有大图标的文件一样。

我已经完成了视图，我现在需要做的是实现“最喜欢的”功能。有一个按钮可以将文件设置为我最喜欢的文件，还有一个按钮让网格视图只显示我喜欢的文件。

angularjs是否有任何现有的设计模式？或者就像将“display”设置为“none”一样简单到那些不是我最喜欢的文件的文件？

将此功能的代码设置为可单元测试的最佳做法是什么？

Answer 1

也许只使用角度ng-hide或ng-show指令只显示收藏夹或隐藏那些不收藏的。

Answer 2

您的对象应具有IsFavorite之类的属性。这样您就可以使用过滤器来过滤显示的项目：

<select ng-model="myFilter">
    <option value="All">All</option>
    <option value="IsFavorite">Favorites</option>
</select>

<ul>
    <li ng-repeat="item in items | filter: myFilter">{{ item.title }}</li>
</ul>