Options not recognized on angular

[AdamOndrejkovic]

2 <ng-particles id="tsparticles" [options]="options">
~~~~~~~

src/app/todos/todos-overview/todos-overview.component.ts:7:16
7 templateUrl: './todos-overview.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component TodosOverviewComponent.

I have followed the instructions from the documentation but for some reason, it doesn't recognize the options. Does someone know why this may be and what is the solution for it? Thank you.

[matteobruni]

Can you add your options in the question or a sample with the error?

[AdamOndrejkovic]

I've used one of the samples from demos as an option in my project. That I have stored in options variable. I can share my project on GitHub where you could see how I've done it so it may be easier to understand where the issue occurs.

[matteobruni]

Yeah, sure.

Have you checked the demo app in the repository? It works fine and maybe it could help you identify the issue.

https://github.com/matteobruni/tsparticles/tree/main/demo/angular/src

[AdamOndrejkovic]

I have checked your demo and tried to follow the steps.

I will attach the repository. The file that I am using particles in is under src -> app -> todos -> todos-overview -> in todos-overview.component.html the ng-particles is commented out. When I run it as mentioned it say the option is not recognized. My option is in the todos-overview.component.ts file
https://github.com/AdamOndrejkovic/petshop-frontend

[matteobruni]

I've checked your repository and there are some error in the options object. You can see them casting the options object directly to ISourceOptions interface from tsparticles like this:

options: ISourceOptions = {