在渲染之前对通过ng-template传递的项目进行重新排序

Question

我正在Angular 6中创建自定义的多选选择列表。用户通过ng-template传递选项，如下所示。

<my-picklist multiple [selected]="[3,4]">
     <ng-template>
         <my-picklist-option key="1">Apple</ands-picklist-option>
         <my-picklist-option key="2">Mango</ands-picklist-option>
         <my-picklist-option key="3">Orange</ands-picklist-option>
         <my-picklist-option key="4">Banana</ands-picklist-option>
         <my-picklist-option key="5">Papaya</ands-picklist-option>
     </ng-template>
</my-picklist>

在选择列表组件中，我使用ngTemplateOutlet来显示选项。

<ng-container ngTemplateOutlet="optionsTpl"></ng-container>

在显示选项之前，我需要在顶部显示所选的选项。我该如何实现？