以下是一个基于Angular的示例代码，演示如何根据拖放和下拉菜单重新排列数组项：

在组件的HTML模板中，使用ngFor指令来循环渲染数组项，并将每个项绑定到相应的拖放和下拉菜单事件：

  

    
{{ item }}
    
      Move to Top
      Move to Bottom
    
  

在组件的TypeScript文件中，定义items数组并实现相应的拖放和下拉菜单事件处理函数：

import { Component } from '@angular/core';
import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  items: string[] = ['Item 1', 'Item 2', 'Item 3', 'Item 4'];

  drop(event: CdkDragDrop) {
    moveItemInArray(this.items, event.previousIndex, event.currentIndex);
  }

  select(event: any, item: string) {
    const targetIndex = event.value === 'top' ? 0 : this.items.length - 1;
    const currentIndex = this.items.indexOf(item);
    transferArrayItem(this.items, this.items, currentIndex, targetIndex);
  }
}

在上述代码中，drop函数使用moveItemInArray方法将拖放的项在数组中重新排序。select函数根据下拉菜单的选择，使用transferArrayItem方法将项移动到数组的顶部或底部。

请确保已经安装了Angular拖放模块（@angular/cdk）和Angular材料模块（@angular/material），并在模块中导入相关模块。