Как мы можем использовать фоновые анимации, такие как vantajs или beans.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>

Как связать атрибут элемента src в AngularJS

В соответствии с этим мы не можем использовать скрипт script

Есть ли другой способ добавить вантайс?

Answer 1

1. Добавьте vanta.js в ваш angular.json объект сценария.

2. объявите переменную, где вы хотите использовать это js, например, app.component.ts

   import { Component, OnInit } from '@angular/core';
   declare var VANTA;
   @Component({
        selector: 'my-app',
        templateUrl: './app.component.html',
        styleUrls: [ './app.component.css' ]
   })
   
   export class AppComponent implements OnInit  {   
   name = 'Angular';
   
        ngOnInit() {
   
             VANTA.CELLS({
                  el: "#your-element-selector"
             })
   
         }
   
   }