Angularjs 在所选项目后显示全宽Div'；s flexbox行

我使用Angular ui router导航页面，并将flexbox作为网格类型的解决方案。我试图重现谷歌图像搜索结果，看看在所选图像下打开的黑色扩展div。我还需要改变的路线时，图像被选中，我有工作。但是，该div在该行中的所有div之后打开。现在位于选定项目所在的行之后。任何关于ng if、指令或脚本的帮助都将非常感谢

编辑：仔细考虑后，我想我需要一个脚本/指令，在选定的行中检测div，然后在该行后插入ui视图div

以下是我迄今为止的情况：

HTML:

...
CSS使div成为一个灵活的元素，并包装包含的正方形'a`div。

单击时打开的部分内容包括：

<div class="expand" data-ng-if=" need something to the extent of open only below selected items row">

<div class="expand" data-ng-if=" need something to the extent of open only below selected items row">