Как создать и отобразить компоненты Angular2?

Question

Я пытаюсь изучить angular2 (и Typcript) и последовать за инструкцией по быстрому началу работы и несколькими неофициальными учебниками. Я добился прогресса в простом применении с некоторыми компонентами.

Я понимаю процесс привязки данных модели к элементу DOM, используя квадратные скобки обозначения в моих шаблонах: <h1>{{title}}</h1>

То, что я изо всех сил, чтобы понять, как я мог динамически создавать новый компонент внутри моего кода Typscript , а затем визуализируйте это в DOM.

Если я импортирую компонент в свой файл и создаю новый экземпляр, который вызовет конструктор компонента в модели. Позволяет ли Angular2 сделать это или добавить компонент к другому компоненту или запросить элемент div?

import {ListComponent} from './list.component'; 
... 
export class MainAppComponent { 

    buttonClicked(){ 
     // I'm creating a new list component. What is the proper way to render it within this MainAppComponent? 
     this.list = new ListComponent(); 
    } 
} 

Answer 1

Вам не хватает многих концепций от Angular2. В угловому не инстанцирует сами компоненты и добавить их к DOM, Угловое заботится обо всем, картина:

• Имея родительский компонент, который имеет шаблон
• Имея компонент ребенка, который имеет селектор
• импортирован и добавить селектор дочерних компонентов внутри шаблона компонента родительского
• ребенок компонент отображается внутри родительского компонента

Есть слишком много вещей для изучения допрашивать здесь, вы должны следовать Angular2 tutorial HERE, а затем Angular2 basics docs HERE