У меня есть jsfiddle
Я хочу иметь возможность привязать свой пользовательский компонент к определенной сетке (например, "")
Прямо сейчас без Angular2, я просто использую:
var el = $.parseHTML("<div><div class=\"grid-stack-item-content\" data-id=\""+id+"\"/><div/>");
this.grid.add_widget(el, 0, 0, 6, 5, true);
Проблема в том, что я не знаю, как я мог бы сделать что-то вроде:
var el = $.parseAndCompileHTMLWithComponent("<div><div class=\"grid-stack-item-content\" data-id=\""+id+"\"/><fancy-button></fancy-button><div/>");
this.grid.add_widget(el, 0, 0, 6, 5, true);
В angular1, я знаю, что есть компиляция, но в Angular2 такой вещи нет.
Элемент модной кнопки прост и выглядит следующим образом:
@Component({
selector: 'fancy-button',
template: `<button>clickme</button>`
})
export class FancyButton {}
Как я могу динамически добавить компонент причудливой кнопки?