How to use windy in Angular

[incuubus]

Hi there,
I'm trying to implement the windy map into an Angular IO app but i can't really figure out how to do it. I tried to adjust the "Hello World" tutorial (https://api4.windy.com/examples/hello-world/) so it would work for Angular.
This is what my code looks like:
app.component.html:

  
  
  

<div></div>

app.component.css

#windy {
  width: 100%;
  height: 300px;
}

I can't figure out how the app.component.ts should look like. How can I use this windyInit function? Do I have to write it by myself?

It would be great if someone could show me an example implementation of a windy map in Angular IO. I'm quite new to programming javascrip, html etc. sothis would be a great help.

thanks in advance,

David

[incuubus]

Addition: Somehow my code for ap..component.html didnt make it into the post so here is the code as image: