Commit0a863c1

committed

fix(popover): use afterRenderEffect() instead of effect() to avoid NG0500: During hydration expected...

1 parent8f77e2d commit0a863c1Copy full SHA for 0a863c1

File tree

-2

lines changed

-2

lines changed

Lines changed: 7 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import{`
	`2`	`+afterRenderEffect,`
`2`	`3`	`AfterViewInit,`
`3`	`4`	`ChangeDetectorRef,`
`4`	`5`	`ComponentRef,`
`@@ -100,8 +101,12 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit {`
`100`	`101`	`*/`
`101`	`102`	`readonlyvisible=model(false,{alias:'cPopoverVisible'});`
`102`	`103`
`103`		`-readonly #visibleEffect=effect(()=>{`
`104`		`-this.visible() ?this.addTooltipElement() :this.removeTooltipElement();`
	`104`	`+readonly #visibleEffect=afterRenderEffect({`
	`105`	`+// this fixes RuntimeError: NG0500: During hydration Angular expected <abc> but found <xyz>.`
	`106`	`+// Find more at https://angular.dev/errors/NG0500`
	`107`	`+write:()=>{`
	`108`	`+this.visible() ?this.addTooltipElement() :this.removeTooltipElement();`
	`109`	`+}`
`105`	`110`	`});`
`106`	`111`
`107`	`112`	`getariaDescribedBy():string\|null{`

Comments

(0)