我们如何在角度应用程序中使用vantajs或particles.js之类的背景动画？

Question

我尝试了这个，但是没用

<div id="vantajs"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
<script src="https://www.vantajs.com/dist/vanta.birds.min.js"></script>
<script> 

VANTA.BIRDS({
  el: "#vantajs",  
})
</script>

How to bind <script> element's src attribute in AngularJS

因此，我们不能使用脚本标签

还有其他方法可以添加vantajs吗？

Answer 1

1. 在您的angular.json脚本对象中添加vanta.js。

2. 声明要在其中使用js的变量，例如app.component.ts

   从'@ angular / core'导入{Component，OnInit}; 声明VAR VANTA; @Component（{

   选择器：“ my-app”，

   templateUrl：'./app.component.html'，

   styleUrls：['./app.component.css']

   }）

   导出类AppComponent实现OnInit {

   name ='Angular';

   ngOnInit（）{

   VANTA.CELLS（{     el：“＃your-element-selector”   }）

   }

   }