Как в Angular2 динамически добавить кастомный элемент?

Question

[Malkolm]

Есть кнопка с выпадающим списком, по клику на один из его пунктов надо в некий контейнер добавлять один из нескольких кастомных элементов типа и т.д.

template (примерный)

<div class='items-container'>
...
</div>
<button class="btn btn-default" dropdown>
    <a class="dropdown-toggle">Добавить<b class="caret"></b></a>
    <ul class="dropdown-menu">
        <li class="dropdown-header">Тип элемента</li>
        <li *ngFor="let type of availableTypes"> // через ngFor из availableTypes вытаскиваются значения
            <a (click)="addItem(type.id)">{{type.title}}</a>
        </li>
    </ul>
</button>

и кусок кода:

availableTypes: {id:number, title:string, selector:string} = availableTypes;
items: any[];
constructor(){
    this.items = [];
}
addItem(type){      

}

Answer 1

[Pogran]

Вам надо сделать взаимодействие между компонентами https://angular.io/docs/ts/latest/cookbook/compone... , вот тут есть наглядные примеры по реализациям angular-examples.github.io/template-syntax , слушайте события через @Output()

Comments

[Malkolm]

Спасибо, Почитаю