Помимо всех ответов, приведенных ниже, если я прикрою некоторые дополнительные точки, вот Http
как использовать/импортировать все...
ANGULAR2 HTTP (ОБНОВЛЕНО до бета-версии !!)
Во-первых, как ясно из названия, мы должны импортировать http-файл в index.html следующим образом.
<script src="node_modules/angular2/bundles/http.dev.js"></script>
или вы можете обновить это через CDN здесь
затем на следующем шаге мы должны импортировать Http
и HTTP_PROVIDERS
из пакетов, предоставленных angular.
но да, рекомендуется предоставлять HTTP_PROVIDERS в файле начальной загрузки, потому что таким образом он предоставляется на глобальном уровне и доступен для всего проекта, как показано ниже.
bootstrap(App, [
HTTP_PROVIDERS, some_more_dependency's
]);
а импорт из....
import {http} from 'angular2/http';
Использование Rest API или json с использованием Http
Теперь наряду с http у нас есть еще несколько параметров, предоставляемых angular2/http, например, заголовки, запрос, параметры запроса и т. д. и т. д., которые в основном используются при использовании Rest API или временных данных Json. во-первых, мы должны импортировать все это следующим образом:
import {Http, Response, RequestOptions, Headers, Request, RequestMethod} from 'angular2/http';
иногда нам нужно предоставить заголовки при использовании API для отправки access_token и многих других вещей, которые выполняются таким образом:
this.headers = new Headers();
this.headers.append("Content-Type", 'application/json');
this.headers.append("Authorization", 'Bearer ' + localStorage.getItem('id_token'));
теперь перейдем к RequestMethods: в основном мы используем GET, POST, но у нас есть еще несколько вариантов, которые вы можете см. здесь...
мы можем использовать методы запроса, используя RequestMethod.method_name
есть еще несколько вариантов API, на данный момент я разместил один пример для POST-запроса справки, используя некоторые важные методы:
PostRequest(url,data) {
this.headers = new Headers();
this.headers.append("Content-Type", 'application/json');
this.headers.append("Authorization", 'Bearer ' + localStorage.getItem('id_token'))
this.requestoptions = new RequestOptions({
method: RequestMethod.Post,
url: url,
headers: this.headers,
body: JSON.stringify(data)
})
return this.http.request(new Request(this.requestoptions))
.map((res: Response) => {
if (res) {
return [{ status: res.status, json: res.json() }]
}
});
}
для получения дополнительной информации я нашел две лучшие ссылки здесь.. и здесь... а>
person
Pardeep Jain
schedule
16.01.2016