如何获得angular4的拖放排序功能？

要获得Angular 4的拖放排序功能，可以使用Angular CDK（Component Dev Kit）中的DragDrop模块。以下是完善且全面的答案：

拖放排序功能是一种常见的用户交互需求，可以让用户通过拖动元素来改变它们的顺序。在Angular中，可以使用Angular CDK的DragDrop模块来实现这一功能。

首先，确保你的Angular项目已经安装了Angular CDK。如果没有安装，可以通过以下命令进行安装：

npm install @angular/cdk

安装完成后，可以在你的Angular组件中引入DragDrop模块：

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

接下来，在你的组件中使用DragDrop模块提供的指令和事件来实现拖放排序功能。首先，在模板中添加一个包含可拖动元素的列表：

<ul>
  <li cdkDrag *ngFor="let item of items">{{item}}</li>
</ul>

然后，在组件类中定义一个数组来存储列表中的元素，并实现拖放排序的逻辑：

import { Component } from '@angular/core';

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

现在，你已经完成了基本的拖放排序功能。但是，如果你想要更多的交互效果，比如拖动时显示占位符、限制拖放的范围等，可以使用DragDrop模块提供的更多指令和配置选项。

对于更高级的拖放排序功能，你可以参考Angular CDK的官方文档，了解更多关于DragDrop模块的详细用法和配置选项：

Angular CDK DragDrop模块文档

腾讯云相关产品和产品介绍链接地址：

腾讯云提供了丰富的云计算产品和服务，可以帮助开发者构建和部署各种应用。以下是一些与云计算相关的腾讯云产品和官方文档链接：

1. 云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。产品介绍
2. 云数据库 MySQL 版（CMYSQL）：提供高性能、可扩展的关系型数据库服务。产品介绍
3. 云存储（COS）：提供安全可靠的对象存储服务，用于存储和访问各种类型的数据。产品介绍
4. 人工智能（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。产品介绍
5. 物联网（IoT）：提供全面的物联网解决方案，用于连接、管理和控制物联网设备。产品介绍

请注意，以上链接仅供参考，具体的产品和服务选择应根据实际需求进行评估和决策。