在Angular项目中使用animejs函数的时候,需要确保正确引入animejs库,并在组件中正确调用。
代码示例:
npm install animejs
"scripts": [ "../node_modules/animejs/lib/anime.js" ],
import anime from 'animejs';
@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponent implements OnInit {
ngOnInit() { anime({ targets: '.my-element', translateX: 250 }); }
}
其中,targets为需要添加动画效果的元素选择器,translateX表示元素在X轴方向上移动的距离。