Es scheint in Ordnung zu sein, wenn ich das Diagramm an die Hauptkomponente app.component.html ablege, aber sobald ich es in einer untergeordneten Komponente verwende und die App dorthin leiten lasse, wird das Diagramm nicht angezeigt. Im Inspektorfenster wird das Element mit 0 Höhe und 0 Breite angezeigt. Hat jemand eine Lösung dafür?
Hier ist mein Code für meine app.component.ts:
%Vor%Hier ist mein Code für meine app.component.html:
%Vor%Das canvas-Element auf der HTML-Seite wird angezeigt. Sobald ich es jedoch in meine Home-Komponente lege, wird es nicht angezeigt.
Hier ist mein home.component.ts:
%Vor%Hier ist meine home.component.html:
%Vor%Schließlich, hier ist meine chart.directive.ts:
%Vor%Ok, hier ist, wie ich das Problem gelöst habe, das ich hatte. Ich habe eine neue Canvas-Komponente nur mit dem canvas-Element erstellt und meine chart-Direktive in die neue Komponente importiert. Danach habe ich die DynamicComponentLoader-Klasse verwendet, um meine Komponente dynamisch zu laden, wenn ich eine Instanz meiner Home-Komponente erstelle.
Neues home.component.ts:
%Vor%Neue home.component.html
%Vor%Neue canvas.component.ts
%Vor%Ich hoffe, dass dies jemandem helfen kann.
Tags und Links html canvas angular typescript