div appears but no animation

[halukkaramete]

Hi I went thru the steps on the angular 4.4 set up that I got on the local machine.

I see the div ( coming from the particles ) pushing down my content. But it's got nothing in it. No errors on the console.

Chrome's Inspecter gives me this on that div. What could be wrong do you guys think?

<particles _ngcontent-c7="" ng-reflect-width="100" ng-reflect-height="100">
        <div class="particles-container">
            <canvas d-particles="" style="width: 100%; height: 100%;" width="1378" height="690"></canvas>
        </div>
    </particles>

[halukkaramete]

Fixed.

Instructions need to be corrected.

you have it as

<particles [style]="style" [width]="width" [height]="height" [params]="params">
</particles>

it should be

<particles [style]="myStyle" [width]="width" [height]="height" [params]="myParams">
</particles>

[halukkaramete]

Another correction suggestion I'd like to make is this:

change these

'top': 0,
'left': 0,
'right': 0,
'bottom': 0,

to

'top': '0px',
'left': '0px',
'right': '0px',
'bottom': '0px',

you do need the px in there.

last but not the least, this is a fantastic work. And I want to thank you and ( all who have contributed to it ) for making it available to the angular 2+ world.