Angularjs Angular.JS:OrderBy ng通过引导列重复

我想将我的数据分成四列，以便能够显示链接到每个任务的网格图像。下面的代码在尝试按任务类型排序之前运行良好

由于任务ID不再符合实际命令，任务命令到处都是

当然，把“按任务排序”放在任何地方都是行不通的，因为存在重复

你知道怎么做吗

<div  ng-repeat="missionType in SAM.missions | unique: 'missionType'"  class="borderbetweenmissionStyle"> 
TITLE / {{missionType.missionType}}

<div class="row">
<div class="col s3">
<div ng-repeat=" patch in SAM.missions " ng-if="missionType.missionType == patch.missionType && patch.MissionID % 4 ==1" >

    <a ng-href="#/missions/{{patch.MissionID}}">
                        <figure>
                            <img class="circle responsive-img z-depth-1 " id="imgMissions" ng-src="IMG/Missions/Mission_Logo/{{patch.MissionID}}/{{patch.Mission_Logo}} ">  
                            <p style="text-align: center;"> {{patch.Mission}}   </p>

                        </figure>
    </a>


</div>
</div>


<div class="col s3">
<div ng-repeat=" patch in SAM.missions" ng-if="missionType.missionType == patch.missionType && patch.MissionID % 4 ==2" >

    <a ng-href="#/missions/{{patch.MissionID}}">
                        <figure>
                            <img class="circle responsive-img z-depth-1 " id="imgMissions" ng-src="IMG/Missions/Mission_Logo/{{patch.MissionID}}/{{patch.Mission_Logo}} ">  
                            <p style="text-align: center;"> {{patch.Mission}}   </p>

                        </figure>
    </a>



</div>
</div>

TITLE/{{missionType.missionType}}

编辑：一种任务类型的示例：

目前，它显示：

我希望：

---

还有一些细节缺失。例如，您希望它们向下排列还是跨列排列？基本上，这将是很好的（重新）订购预期的输出。我只是张贴了一个例子编辑，谢谢你的帮助！