Я пытаюсь создать веб-панель на основе angularjs с модулем angular-gridster. Гридстер работает нормально, и у меня нет проблем с привязкой к нему содержимого (например, текста или изображений с помощью ng-bind-html).

Но на самом деле я не хочу добавлять в эти «виджеты» только текст или изображения, я пытаюсь создать панель с динамическим содержимым. Итак, как пользователь, я хочу добавить новый виджет на панель инструментов и выбрать тип (например, виджет часов или что-то еще) и, возможно, настроить виджет.

Проблема в том, что я не знаю, как добавить динамический контент (JavaScript, различные элементы HTML, ...) в виджет. Виджет создается из объекта области видимости, например:

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

Я все еще новичок в угловой, так что извините, если это глупый вопрос ...

Что может быть хорошим решением для добавления элементов JavaScript и HTML? Директивы? Собственные модули? Но как?

Спасибо за помощь!