aos library animation angular

1$ npm install aos --save
2//In angular.json
3styles: [...,
4         "../<name-of-your-site>/node_modules/aos/dist/aos.css"]
5//In component.ts
6import * as AOS from 'aos';
7
8ngOnInit() {
9    AOS.init();
10 }
11
12//In component.html
13<div data-aos="fade-left"></div>

1//install
2npm install aos --save
3//inside the angular.json inside of 'build', look for the 'styles' and 'scripts'
4//inside them add:
5styles: [... "node_modules/aos/dist/aos.css"]
6scripts: [... "node_modules/aos/dist/aos.js"]
7
8//to add AOS for the entire project, at the top of app.component.ts add:
9
10import * as AOS from 'aos';
11
12ngOnInit(){
13AOS.init();
14}