/Javascript/AngularJS/Aos library animation angular

Aos library animation angular

$ npm install aos --save
//In angular.json
styles: [...,
         "../<name-of-your-site>/node_modules/aos/dist/aos.css"]
//In component.ts
import * as AOS from 'aos';

ngOnInit() {
    AOS.init();
 }

//In component.html
<div data-aos="fade-left"></div>

Source: michalsnik.github.io

Aos animation angular

//install
npm install aos --save
//inside the angular.json inside of 'build', look for the 'styles' and 'scripts'
//inside them add:
styles: [... "node_modules/aos/dist/aos.css"]
scripts: [... "node_modules/aos/dist/aos.js"]

//to add AOS for the entire project, at the top of app.component.ts add:

import * as AOS from 'aos';

ngOnInit(){
AOS.init();
}

Source: learnangularfast.blogspot.com

Similar codes

0 vote322 views1 answer
How to set default value in input field in angularjs
Javascript AngularJS
28 votes467 views6 answers
Angular routing example
Javascript AngularJS
29 votes409 views2 answers
Angular npm angular material
Javascript AngularJS
0 vote324 views1 answer
Angular get route last segment
Javascript AngularJS
1 vote357 views1 answer
Angular elementref
Javascript AngularJS
5 votes374 views2 answers
Copy to clipboard angular
Javascript AngularJS
0 vote363 views1 answer
AngularJS module can be created using ............ A. module.create(); B.angular.create(); C.angular.module(); D.var myModule = new module();
Javascript AngularJS
0 vote288 views1 answer
Angular dart router without hash
Javascript AngularJS
0 vote343 views1 answer
Angular get firebase firestore
Javascript AngularJS
0 vote369 views2 answers
Angularjs - controllerAs
Javascript AngularJS