Estou tentando criar um painel da Web baseado em angularjs com o módulo angular-gridster. A grade funciona bem e não tenho nenhum problema em vincular o conteúdo a ele (como texto ou imagens com ng-bind-html).

Mas, na verdade, não quero adicionar apenas texto ou imagens a esses "widgets", estou tentando criar um painel com conteúdo dinâmico. Portanto, como usuário, quero adicionar um novo widget ao painel e escolher um tipo (por exemplo, um widget de relógio ou outra coisa) e talvez configurá-lo.

O problema é que não sei como adicionar conteúdo dinâmico (javascript, diferentes elementos html, ...) a um widget. O widget é criado a partir de um objeto de escopo, 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 }
];

Eu ainda sou iniciante em angular, então desculpe-me se esta é uma pergunta estúpida ...

O que poderia ser uma boa solução para adicionar elementos javascript e html? Diretivas? Módulos próprios? Mas como?

Obrigado pela ajuda!