Angular2 +PHP: создание сайта своими руками Сервис под PHP

Продолжая самоучитель по быстрому созданию сайта в связке ангуляра и PHP создадим «место», где должен потом наш маленький серверный php код отрабатывать. Репозиторий примера BlogDemo.

Создание структуры данных

Представим, что у нас уже есть серверная часть — и по адресу запроса к ней — разместим заплатку данных. Соответствующую структуре данных, которые мы в клиенте опишем. В дальнейшем эту заплатку мы и заменим кодом php.

api/data.json

app.data.ts

Запрос данных через Ajax, Promise и Angular2

Простейший вариант запроса — прямой запрос к адресу (в дальнейшем мы его расширим, впишем поиск и фильтры над запросами также в него)

app.service.ts

Работа с данными из запроса в компоненте

Соединим данные с выводом — и все, магия прошла через промисы и все отработало, как будто у нас настоящий серверный ответ)

app.component.ts

Оставить комментарий

XHTML: Вы можете использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">