Integrating Webflow into Angular 8

Design help Custom code
1

I am trying to integrate my Webflow project into an Angular 8 project.
The css and the html are working just fine.

My problem is that I can not get the animations to work.
I copied the webflow.js into my assets folder and changed the path in the html accordingly. Is this the right place to put the .js file?
I have tried the advice from older forum posts and added Webflow.ready() within the ngOnInit function and Webflow.destroy() in the ngOnDestroy() function.
This is how my component.ts file looks like:

BildWebflow
BildWebflow718×526 19.4 KB

If anyone could help me with this it would be greatly appreciated!

2

Hi

I have this piece of code in the app-component.ts

public loadScript() {
console.log(‘preparing to load…’)
for (let i = 0; i < dynamicScripts.length; i++) {
const node = document.createElement(‘script’);
node.src = dynamicScripts[i];
node.type = ‘text/javascript’;
node.async = false;
node.charset = ‘utf-8’;
document.getElementsByTagName(‘head’)[0].appendChild(node);
}
}

You just need to put the js that will need to load in a constant.

const dynamicScripts = [
‘assets/js/webflow.js’,
‘assets/js/jquery-3.5.1.min.js’,
];

@Component({
selector: ‘app-root’,
templateUrl: ‘./app.component.html’,
styleUrls: [‘./app.component.scss’]
}) …

and you call the loadScript method on the ng init