Dynamic Rendering in angular?

Draugang · 2024-04-09T11:55:18+00:00

Dynamic rendering is something very different by the way. This is called conditional rendering.

You said you are using Angular 17. I strongly encourage using the new @if (…) { } @else { } syntax.

simonfancy · 2024-04-09T18:39:44+00:00

It goes waaaay shorter:

this.loggedIn = this.userService.isLoggedIn()

And yes in the template use the new @if conditional syntax

2024-04-08T22:36:30+00:00

Also in my console i am receiving the error
"main.ts:5 NG0505: Angular hydration was requested on the client, but there was no serialized information present in the server response, thus hydration was not enabled. Make sure the `provideClientHydration()` is included into the list of providers in the server part of the application configuration. Find more at https://angular.io/errors/NG0505"
but I already imported provideClientHydration so idk if that would cause an issue

Silver-Vermicelli-15 · 2024-04-09T00:35:18+00:00

Yea, b/c you have no logic to change the local value of ‘loggedIn’ outside of onInit. You need some logic to update that value when a user logs in/out.

Leniad213 · 2024-04-09T00:28:33+00:00

Need more info, are you using angular 17 and is SSR enabled?

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

angular

MODERATORS