How to use swagger-codegen for Typescript-angular2

[rajeget]

Reference https://github.com/swagger-api/swagger-codegen/tree/master/samples/client/petstore/typescript-angular2/npm

These are ts file , how to compile and create a client ?

Please help

[wing328]

Would this help? https://github.com/swagger-api/swagger-codegen/blob/master/samples/client/petstore/typescript-angular/README.md (which is for angular1)

[rajeget]

No @wing328 the link is for angular1 as you said , now to make it compile and work for angular2 . We need a package.json (atleast). I used the reference from (https://github.com/swagger-api/swagger-codegen/tree/master/samples/client/petstore/typescript-angular2/npm) and tried making the required file but its seems I need some help here

[wing328]

cc @Vrolijkx

[sebastianhaas]

@rajegit could you describe your problem a little bit more in detail? I didn't go the npm way but put the generated api client directly into my ng project. Works perfectly fine for me.

[rajeget]

@sebastianhaas . I did following

1. Generated code for 'typescript-angular2' ( tried both using cli and editor)
2. I wanted to use the Adds the missing install-ivy build script #1 code inside my angular2 project, which is executed using gulp or npm start etc. A standard angular2 project has a index.html , pakage.json etc , its missing in this generated code.
   So the question is
   "How did you directly put it into your ng project"

[sebastianhaas]

This codegen doesn't output an angular 2 project, just the required files for a ng2-compatible api client. To use it, you have to include it like any other typescript library using something like:

import { YourModelApi, YourModel } from './api';

If you want, you can check out how I did it for a recent project of mine:
https://github.com/sebastianhaas/medical-appointment-scheduling/tree/master/src

It's a 1:1 fork of the angular2 class startup project, and I just pointed the swagger codegen output to src/app/api/. Take a look at, for instance, https://github.com/sebastianhaas/medical-appointment-scheduling/blob/master/src/app/appointment/patient.component.ts to see how to import a specific API endpoint.