自定义组件动画不适用于Angular 9+ CDK`on ` in n drop

自定义组件动画不适用于Angular 9+ CDK on in n drop 是一个问题描述，可能是指在使用Angular 9+ CDK的拖放功能时，自定义组件的动画效果无法正常工作的情况。下面是对这个问题的完善和全面的答案：

在Angular中，使用Angular 9+ CDK的拖放功能可以方便地实现拖放操作。CDK提供了一些内置的指令和服务，用于处理拖放事件和操作。然而，对于自定义组件，特别是带有动画效果的组件，可能会遇到一些问题。

在Angular中，动画是通过Angular动画模块实现的。动画可以应用于组件的各个生命周期阶段，例如进入、离开、状态变化等。对于自定义组件，如果动画效果不适用，可能是由于以下原因：

1. 组件未正确配置动画：在Angular中，为了使用动画效果，需要在组件的元数据中配置动画。这包括引入动画模块、定义动画触发器、状态和转场等。如果组件未正确配置动画，动画效果将无法正常工作。
2. 动画触发条件不满足：动画触发器可以根据一些条件来触发动画效果，例如状态变化、鼠标事件等。如果动画触发条件不满足，动画效果将不会被触发。
3. CDK拖放功能与动画冲突：CDK的拖放功能可能与动画效果存在冲突。例如，当拖放操作开始时，CDK可能会暂时移除被拖动元素，这可能导致动画效果中断或失效。

解决这个问题的方法可能包括：

1. 确保组件正确配置动画：检查组件的元数据，确保已正确引入动画模块，并定义了动画触发器、状态和转场等。
2. 检查动画触发条件：确保动画触发条件满足，例如状态变化、鼠标事件等。可以使用Angular的绑定语法和事件绑定来设置触发条件。
3. 调整CDK拖放功能与动画的冲突：如果CDK的拖放功能与动画冲突，可以尝试调整它们之间的关系。例如，可以在拖放操作开始和结束时手动添加和移除动画效果。

需要注意的是，由于没有提及具体的自定义组件和动画效果，以上解决方法仅供参考。具体的解决方法可能因具体情况而异。

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

腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储、人工智能等。以下是一些与云计算相关的腾讯云产品和产品介绍链接地址：

1. 云服务器（CVM）：提供可扩展的云服务器实例，支持多种操作系统和应用场景。详情请参考：腾讯云云服务器
2. 云数据库（CDB）：提供稳定可靠的云数据库服务，包括关系型数据库和NoSQL数据库。详情请参考：腾讯云云数据库
3. 云存储（COS）：提供安全可靠的云存储服务，支持多种数据存储和访问方式。详情请参考：腾讯云云存储
4. 人工智能（AI）：提供强大的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：腾讯云人工智能

以上是对于自定义组件动画不适用于Angular 9+ CDK on in n drop问题的完善和全面的答案。希望能对您有所帮助。