sách gpt4 ai đã đi

angularjs - Angular 项目的粒子js背景?

In lại 作者:行者123 更新时间:2023-12-04 14:38:18 29 4
mua khóa gpt4 Nike

谁能解释如何为 angular 6 项目添加粒子 js 背景?
我按照下面的链接学习了一些教程。但它对我不起作用。
https://github.com/VincentGarreau/particles.js/

谢谢你。

1 Câu trả lời

这就是我让它在我的 NG6 项目中工作的方式:

  • 从 npm 安装particles.js: npm iparticles.js --save 或确保已安装。
  • Thêm vào node_modules/particles.js/particles.js 在 angular.json 的脚本部分
  • 在您的组件中添加:声明 varparticleJS: any; 之前@component
  • 转至 particles.js并根据自己的喜好修改粒子然后下载particlejs-config.json文件
  • 将该文件存储在您的 Assets /数据文件夹中作为particles.json
  • 在您的组件 html 模板中添加一个 id = "particles-js"
  • 的 div
  • 在您的组件 ngOnInit 中添加以下代码:

    particlesJS.load('particles-js', 'assets/data/particles.json', function() {
    console.log('回调 -particles.js 配置加载');
    });

  • 希望这可以帮助!

    编辑:添加代码
    import { Component, OnInit } from '@angular/core';
    import { ParticlesConfig } from './../../../../../assets/data/particles';

    declare var particlesJS: any;

    @Thành phần({
    selector: 'app-heading',
    templateUrl: './heading.component.html',
    styleUrls: ['./heading.component.scss']
    })
    export class HeadingComponent implements OnInit {
    người xây dựng() { }

    ngOnInit() {
    // https://vincentgarreau.com/particles.js/
    particlesJS('particles-js', ParticlesConfig, function() {
    console.log('callback - particles.js config loaded');
    });
    }
    }

    模板






    Big Header


    small header





    以及在另一个组件中的使用







    关于angularjs - Angular 项目的粒子js背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52143176/

    29 4 0
    行者123
    Hồ sơ cá nhân

    Tôi là một lập trình viên xuất sắc, rất giỏi!

    Nhận phiếu giảm giá Didi Taxi miễn phí
    Mã giảm giá Didi Taxi
    Giấy chứng nhận ICP Bắc Kinh số 000000
    Hợp tác quảng cáo: 1813099741@qq.com 6ren.com