Angular 6 http服务最佳实践

前端之家收集整理的这篇文章主要介绍了Angular 6 http服务最佳实践前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个角度的Feed服务,调用一个返回EntryDTO列表的REST端点.以下是该服务的外观:

@Injectable({providedIn: 'root'})

constructor(private http: HttpClient) {}
export class FeedService() {
  getPublicFeedEntries: Observable<EntryDTO[]> () {
    return this.http.get('/rest/publicFeedEntries/).map((response: Response) => response.json()).catch((err: any) => Observable.throw(error.josn().error || 'error');
  }
}

那么我可以有一个订阅这个observable的Feed组件:

export class FeedComponent() {
private FeedEntries: EntryDTO[];
constructor(private FeedService: FeedService) { FeedEntries = new Array(); }

ngOnInit() {
  this.FeedService.getPublicFeedEntries.subscribe(entries => {
  this.FeedEntries = entries;
  },err => {console.log(err) })
 }
}

这被认为是返回服务中的observable并在组件中订阅或是否有其他最佳实践的最佳实践?

解决方法@H_301_23@
您所遵循的方法非常好,但要将其提升到新的水平,您可以在服务中引入模型,这将使​​您的组件中的响应易于阅读/使用.

查看写在ngx-model上的这篇文章,它提供了在应用程序中遵循模型驱动方法方法.

猜你在找的Angularjs相关文章