augury | Angular Debugging and Visualization Tools | Code Inspection library

The error code it shows is:

So i'm trying to build a bug tracker with angular and spring boot. I managed to render a list of employees from the database and it works fine. I encountered the cross origin error but i have fixed it by adding @CrossOrigin in spring repositories.

Now im trying to do the same thing with a list of projects, by doing the same process of the employees list, but i cant display it. There are no errors in the chrome debug console.

Augury extension show the state of the components and the employee list have indeed the populated array. But for the project component there is no array at all.

This is my project-list-component.ts:

As its name suggests developer tools should be visible or accessible only during development and not in production. I don't want my end users seeing the state and component tree, thus knowing what's going on under the hood. Although React Developer Tool in Production neither allows modification of the components' state nor does it reveal their names, it doesn't fully hide them or disable the tools altogether. End Users can still see each component's state and the whole app tree.

Is there a way to exclude / disable React Developer tools or disconnect it in the production build, like how Augury does for Angular?

I have question about the lazy loading. Using Augury to detect my router tree structure.

app-routing.module.ts

I'm having issues with Angular routing that don't seem to make much sense. With the following set-up, this outcome occurs...

• App loads at path /
• Auth guard runs
• Auth guard returns false as there is not yet a JWT in storage
• Redirection to /login works as expected.

However...

• Navigate directly to /activate (Route in the account module)
• Console logs that the auth guard is being run (Which shouldn't happen)
• Redirected to /login

I'm struggling to understand why auth guard is running for the /activate route when it's not a child of the dashboard layout.

App routes

I am new to docker and while I was searching for something related to my project, I found a popular container on dockerhub -> https://hub.docker.com/r/augury/haproxy-consul/dockerfile. This may solve the problem that I was facing before. My question is how do I use it? Do I simply run this container, register my applications on consul and this will handle the rest, or something else. Is it like npmjs.org, where we simply import libraries and use them?

been having a little trouble recently with lazy loading. Now I'm not sure if this is supposed to be happening or not (and I've tried searching for the issue but I'm not even sure how to word it if I'm being honest).

So I do everything for setup of the lazy loaded module like you would usually do. Everything from making sure that the app routing module is setup correctly as so:

I´m new to Angular and i have a simple Question.

I have an Array with Data that i become with an Input from an other Component.

On the HTML i can work with the Data.

But we can i work in ts. with the Data?

@Input() settingData1: SettingsItem[];

i would take 1 Number from the Array.

I have multiple span that are supposed to fade in consecutively. To do so I stated the following in HTML: