在Angular 7中实现拖放交换元素可以使用Angular CDK（Component Dev Kit）中的DragDrop模块。下面是一个示例代码，演示如何实现拖放交换元素：

1. 首先，确保已经安装了Angular CDK和相关依赖：

npm install @angular/cdk --save
npm install @angular/animations --save

2. 在你的Angular组件中导入所需的模块：

import { DragDropModule } from '@angular/cdk/drag-drop';

3. 在你的模块中导入DragDropModule：

@NgModule({
  imports: [
    DragDropModule
  ],
  // ...
})
export class YourModule { }

4. 在你的HTML模板中创建一个包含拖放功能的列表：

  

    
{{ item }}
  

5. 在你的组件中定义items数组，并实现drop方法来处理拖放交换元素的逻辑：

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

export class YourComponent {
  items = ['Item 1', 'Item 2', 'Item 3', 'Item 4'];

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

在这个示例中，我们使用cdkDrag将每个项目作为可拖动元素，并使用cdkDropList将整个列表作为放置目标。在drop方法中，我们使用moveItemInArray函数来实现拖放交换元素的逻辑。

希望这个示例可以帮助你实现Angular 7中的拖放交换元素功能！