Как «пользоваться» Angular 2?

Question

[Skrolea]

Вот решил денек попробовать новые технологии. Поставил себе angular2-webpack-starter, включил и в ступоре.
Хочу сделать компоненту таблицы с пагинацией. Для неё мне понадобится (ну как я понимаю) объявить компонент, иметь сервис (для логики выдачи страницы с пагинацией) и директиву для кнопок пагинации. Сделал папку table, сделал файл:

import {Component} from 'angular2/core';
interface TableInterface {
  id: number;
  name: string;
}

@Component({
  selector: 'med-table',
  template:`
  <h1>Table</h1>
  <table>'
       <tbody>
       <tr *ngFor="#table of data">
       <td {{table.name}}></td>
       </tr>
       <tbody>
       </table>`,
  styles:[` `]
})
export class Table {
 public data = DATA;
  constructor() {
}
}
// Добавил из Heroes Tour
var DATA: TableInterface[] = [
  { "id": 11, "name": "Mr. Nice" },
  { "id": 12, "name": "Narco" },
  { "id": 13, "name": "Bombasto" },
  { "id": 14, "name": "Celeritas" },
  { "id": 15, "name": "Magneta" },
  { "id": 16, "name": "RubberMan" },
  { "id": 17, "name": "Dynama" },
  { "id": 18, "name": "Dr IQ" },
  { "id": 19, "name": "Magma" },
  { "id": 20, "name": "Tornado" }
];

И на этом всё. Как мне подключить на домашнюю страницу эту компоненту? Я сделал в компоненте home.ts
import {Table} from '../components/table/table';
и в хтмл попытался засунуть
<med-table></med-table>
Ничего не произошло. Или надо всё-таки к компоненте добавлять директиву и её уже вставлять в другую компоненту? А её надо импортировать в целевую компоненту? И как вообще соединять директиву и компоненты?
И что делать с сервисом? Мне нужно будет получать данные откуда нибудь. В первом ангуларе я делал директиву, которая уже сама получала данные из представления

Answer 1

[Mikhail Osher]

В доках всё описано.
https://angular.io/docs/ts/latest/quickstart.html