Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angularjs文件网格视图_Javascript_Angularjs - Fatal编程技术网

Javascript angularjs文件网格视图

Javascript angularjs文件网格视图,javascript,angularjs,Javascript,Angularjs,我是angularjs的新手,现在我需要用angularjs做的是一个网格视图,它很像在Windows资源管理器中用大图标查看文件 我已经完成了这个视图,现在我需要做的是实现一个“最喜欢的”特性。有一个按钮可以将文件设置为我最喜欢的文件,还有一个按钮可以让网格视图只显示我最喜欢的文件 angularjs是否有这样的设计模式?或者只需将那些不是我最喜欢的文件的“显示”设置为“无”即可 使此功能的代码可进行单元测试的最佳做法是什么?可能只是使用angular ng hide或ng show指令仅显示

我是angularjs的新手,现在我需要用angularjs做的是一个网格视图,它很像在Windows资源管理器中用大图标查看文件

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

angularjs是否有这样的设计模式?或者只需将那些不是我最喜欢的文件的“显示”设置为“无”即可


使此功能的代码可进行单元测试的最佳做法是什么?

可能只是使用angular ng hide或ng show指令仅显示收藏夹或隐藏不显示的收藏夹。

您的对象应该具有类似
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>

全部的
最爱
  • {{{item.title}