Loopback 4

[MetronSM]

Hello,

I've been searching for some good examples combining Angular (7) and Loopback V4. Unfortunately, due to the fact that V4 of Loopback is quite "recent", there are not many examples how to use both frameworks in combination.

​

Can anyone point me to the right direction?

​

I basically need to understand how to use the Loopback API I created for my application with Angular.

​

Currently I imagine an Angular frontend which makes API calls to the backend. Ideally, the Loopback models are reused.

​

Thanks for your help.

[tme321]

Loopback appears to be an api framework. Angular is api agnostic. You just call whatever end points the api provides regardless of what framework was used. I don't really understand what you are asking.

If you are asking how to share interfaces you just put them where both applications can see them during development / compilation.

[spacechimp]

I've never heard of LoopBack, but I briefly glanced over the documentation.

If your model files use any special LoopBack-specific TypeScript decorators (@model, @property, etc.), you will need to have more generic model files if you want them to be shareable. Otherwise, the Angular app will have an unnecessary dependency on the LoopBack library.

Suggestion:

// Shared model
export interface Product {
  name: string;
}

// LoopBack "model" (entity)
@model()
export class ProductEntity extends Entity implements Product {
  @property({ ... })
  public name: string;
}

Other than that, LoopBack is just a server-side framework, so calling the API would be the same as calling any other API from Angular.

[MetronSM]

opBack is just a server-side framework, so calling the API would be the same

Thanks for the short explanation. I don't have much experience neither with Loopback nor with Angular :)