How to use Angular 2 with SharePoint Framework + PnP

Привет всем,

на примере создания компонента Angular 2 автоподстановки, хочу рассказать как его можно связать с платформой SharePoint Framework.

screen-shot-2017-02-27-at-3-37-16-pm

Для этого нам необходимо установить все обновления на SharePoint Framework https://github.com/SharePoint/sp-dev-docs/wiki/Release-Notes-RC0

Angular 2 https://material.angular.io/

Далее создаем проект через yo шаблон и создаем папку app для нашего компонента, в котором создаем три файла

screen-shot-2017-02-27-at-3-39-39-pm

app.component.html (наш шаблон страницы)

screen-shot-2017-02-27-at-3-41-47-pm

app.component.ts (наш компонент)

screen-shot-2017-02-27-at-3-42-46-pm

app.module.ts (наш модуль)

screen-shot-2017-02-27-at-3-43-35-pm

И собственно в самой веб части нам необходимо вызвать эту всю логику

screen-shot-2017-02-27-at-3-44-40-pm

Исходный код можно найти здесь - https://github.com/sergiibielskyi/SPfxAngular2