Estoy tratando de crear un panel web basado en angularjs con el módulo angular-gridster. El gridster funciona bien y no tengo ningún problema para vincular contenido (como texto o imágenes con ng-bind-html).

Pero, de hecho, no quiero agregar solo texto o imágenes a estos "widgets", estoy tratando de crear un tablero con contenido dinámico. Entonces, como usuario, quiero agregar un nuevo widget al tablero y elegir un tipo (por ejemplo, un widget de reloj u otra cosa) y tal vez configurar el widget.

El problema es que no sé cómo agregar contenido dinámico (javascript, diferentes elementos html, ...) a un widget. El widget se crea a partir de un objeto de ámbito, como:

$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 }
];

Todavía soy un principiante en angular, así que discúlpeme si esta es una pregunta estúpida ...

¿Cuál podría ser una buena solución para agregar elementos de JavaScript y HTML? Directivas? ¿Módulos propios? ¿Pero cómo?

¡Gracias por tu ayuda!