在Safari中重置Angular 4 Web动画

，可以通过以下步骤进行：

1. 首先，确保你已经安装了Angular 4，并且已经创建了一个包含Web动画的Angular项目。
2. 在Angular项目中，使用Angular的动画模块来创建和管理动画效果。在组件中，你可以使用@Component装饰器的animations属性来定义动画效果。
3. 在Safari中，由于一些兼容性问题，可能会导致动画效果无法正常重置。为了解决这个问题，你可以使用Angular的AnimationBuilder来手动重置动画。
4. 首先，在组件的构造函数中注入AnimationBuilder服务：

import { AnimationBuilder } from '@angular/animations';

constructor(private animationBuilder: AnimationBuilder) { }

1. 然后，在需要重置动画的地方，使用AnimationBuilder创建一个动画实例，并将其应用到元素上。例如，如果你想要重置一个名为fade的动画效果，可以按照以下方式进行：

const animation = this.animationBuilder.build([
  style({ opacity: 1 }),
  animate('500ms', style({ opacity: 0 }))
]);

const player = animation.create(element);
player.play();

在上面的代码中，我们使用AnimationBuilder创建了一个动画实例，并将其应用到指定的元素上。然后，我们使用play()方法来播放动画。

1. 通过上述步骤，你可以在Safari中重置Angular 4 Web动画。这样做的好处是，即使在Safari中存在兼容性问题，你仍然可以通过手动重置动画来确保其正常工作。

对于更多关于Angular动画的详细信息，你可以参考腾讯云的Angular产品文档：Angular动画。

请注意，以上答案仅针对Safari浏览器中重置Angular 4 Web动画的问题，如果你有其他关于云计算、IT互联网领域的问题，欢迎继续提问。