Use afterNextRender to create the viewer

bampakoa · bampakoa · commit 55c5817e97a5 · 2025-08-28T15:01:05.000+03:00
diff --git a/src/app/cesium.ts b/src/app/cesium.ts
@@ -1,16 +1,12 @@
-import { Directive, ElementRef, OnInit } from '@angular/core';
+import { afterNextRender, Directive, ElementRef, inject } from '@angular/core';
 import { Viewer } from 'cesium';
 
 @Directive({
-  selector: '[appCesium]',
-  standalone: true
+  selector: '[appCesium]'
 })
-export class Cesium implements OnInit {
-
-  constructor(private el: ElementRef) {}
-
-  ngOnInit(): void {
-    const viewer = new Viewer(this.el.nativeElement);
+export class Cesium {
+  constructor() {
+    const el = inject(ElementRef);
+    afterNextRender(() => new Viewer(el.nativeElement));
   }
-
 }
