Ich versuche, ein Web-Dashboard basierend auf AngularJS mit Angular-Gridster-Modul zu erstellen. Der Gridster funktioniert einwandfrei und ich habe keine Probleme, Inhalte daran zu binden (wie Text oder Bilder mit ng-bind-html).

Aber ich möchte diesen "Widgets" nicht nur Text oder Bilder hinzufügen, sondern ein Dashboard mit dynamischem Inhalt erstellen. Als Benutzer möchte ich dem Dashboard ein neues Widget hinzufügen und einen Typ auswählen (z. B. ein Uhr-Widget oder etwas anderes) und möglicherweise das Widget konfigurieren.

Das Problem ist, dass ich nicht weiß, wie man dynamischen Inhalt (Javascript, verschiedene HTML-Elemente, ...) zu einem Widget hinzufügt. Das Widget wird aus einem Bereichsobjekt erstellt, z. B .:

$scope.standardItems = [
    { name: "Item 1", content: "Text 1", sizeX: 2, sizeY: 1, row: 0, col: 0 },
    { name: "Item 2", content: "Clock widget", sizeX: 2, sizeY: 2, row: 0, col: 2 }
];

Ich bin noch ein Anfänger in eckigen so entschuldigen Sie mich, wenn dies eine dumme Frage ist ...

Was könnte eine gute Lösung sein, um Javascript- und HTML-Elemente hinzuzufügen? Richtlinien? Eigene Module? Aber wie

Danke für deine Hilfe