/Javascript/AngularJS/Aos animation angular

Aos 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

3 votes137 views1 answer
Angular filter ngfor
Javascript AngularJS
5 votes343 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
0 vote166 views1 answer
Await in angular 8
Javascript AngularJS
0 vote137 views1 answer
Angular erro ao adicionar um projeto no firebase Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
0 vote131 views1 answer
Scrollout js angular
Javascript AngularJS
6 votes156 views1 answer
String to number angularjs
Javascript AngularJS
1 vote139 views2 answers
Angular 8 to 9
Javascript AngularJS
2 votes149 views4 answers
This version of CLI is only compatible with Angular versions
Javascript AngularJS
21 votes196 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
5 votes149 views2 answers
Angular universal
Javascript AngularJS