Angular 如何在常规7/8中使用AOS？

导入两个阵列

"styles": [
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "node_modules/@coreui/icons/css/coreui-icons.css",
              "node_modules/flag-icon-css/css/flag-icon.css",
              "node_modules/font-awesome/css/font-awesome.css",
              "node_modules/simple-line-icons/css/simple-line-icons.css",
              "src/scss/style.scss",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "/node_modules/aos/dist/aos.css"
            ],
            "stylePreprocessorOptions": {
              "includePaths": [
                "./node_modules"
              ]
            },
            "scripts": [
              "node_modules/chart.js/dist/Chart.min.js",
              "/node_modules/aos/dist/aos.js"
            ]

也在组件文件中

import * as AOS from 'aos';
ngOnInit(){
AOS.init();
}

在html文件中，我是这样使用的

<div class="jd1 mb-40">
  <div class="container" data-aos="fade-right">
    <img src="../../../assets/dummy/wae.jpg">
  </div>
</div>

但仍然不起作用。请帮助我犯了什么错误，或者在页面滚动时可以使用新的东西

import { Component } from '@angular/core';
declare let AOS: any;
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';

  constructor() {
    console.log(AOS); // loaded script
  }

  ngOnInit() {
    AOS.init();
  }
}

在Index.html中

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

---

这对我起了作用。

你能试着在index.html中添加脚本吗？

和

都添加了，但仍然与在组件中导入相同，你可以使用

声明让AOS:any

。你能试试吗？Sry错误我用过，但是。大多数网站都用什么，如果你能说出不同的AOS。