Вызов rest API в AngularJS и restangular
У меня есть метод API, который мне нужно вызвать в моем пользовательском интерфейсе, и я не уверен, как лучше всего это сделать. Может кто-то указать мне верное направление? Использование restangular и angularJS. Должен ли я создать службу, а затем вызвать API внутри нее, а затем ссылаться на нее в своем контроллере? Пожалуйста дайте мне знать, спасибо.
Ответы 2
Поддерживать сервисный уровень, дао-уровень и уровень представления отдельно — лучшая практика. Вы можете посмотреть Шаблон проектирования.
Я делаю так. 1. Сначала создайте общий сервис (shared.service.ts).
- Создайте метод внутри службы, там вы вызываете остальные API
getData():Observable<any>{
return this.http.get(localhost:8000/api/data);
}
или
getData(){
return this.http.get(localhost:8000/api/data);
}
- Внедрите сервис в компонент, который вы хотите использовать
constructor (private sharedService:SharedService){}
- Подпишитесь на метод, определенный в службе, на функцию, в которой вы хотите вызвать API.
this.sharedService.getData().subscribe(response => {});
вы можете использовать как ```` getData(): { return this.http.get(localhost:8000/api/data); } ````
«Наблюдаемый <любой>» не является обязательным. Он определяет тип возвращаемого значения. Поскольку мы вызываем http-запрос, тип запроса будет Observable. '<любой>' означает тип данных. Поскольку тип возвращаемого значения может быть строкой, объектом или числом. Таким образом, мы определяем как «любой». Тип возврата не нужен. Без этого тоже будет работать. я отредактировал ответ
Попался спасибо. Моя команда использует файл «ресурса» для других вызовов API, нормально ли это в рамках Restangular?
файл ресурсов (или) файл службы, оба означают одну и ту же концепцию. Данные, необходимые для всех компонентов, находятся в этих файлах. Эта концепция одинакова для всех фреймворков. Вызовы API будут записываться в отдельные файлы, чтобы все остальные файлы могли получить к ним доступ через инъекцию. Понятно?
Можете ли вы объяснить синтаксис в # 2? Часть Observable<any>