goten-response
TypeScript icon, indicating that this package has built-in type declarations

0.0.3 • Public • Published

Goten Resolve Response for Angular

When we use a service directly on the Dom and we have a json response with data or error we need to show a html template by each alternative with their payload.

{
    "data": /*Response your data ok*/
}
{
    "error": /*Response your error information*/
}

Generally we make this manually on each place to draw the same response type. goten-resolve-response allow us to manage the reponse easily.

Usage

$ npm install -s goten-response
//app.module.ts
...
import { GotenResponseModule } from 'goten-response'
@NgModule({
	...
	imports: [
		...,
		GotenResponseModule
	],
	...
})
<!-- your.component.html -->
...
<goten-resolve-response [response$]="anObservable$">
    <ng-template #responseOk let-dataResponse>
        {{dataResponse}}
    </ng-template>
    <ng-template #responseError let-errorResponse>
        {{errorResponse}}
    </ng-template>
</goten-resolve-response>
...
  • The template #responseOk shows on the Dom when the json response contains data
  • The template #responseError shows on the Dom when the json response contains an error
  • The template #responseError is optional. An error will be displayed by default.

goten-resolve-response's parameters

Prop name Type Description
response$ (Required) Observable When there are some data in this Oservable the goten-resolve-response show the the right template

Contributions

To contribute with this package, we use the following workflow:

  • Add an issue with related tags to describe the contribution (is it a bug? a feature request?).
  • Branch your solution from develop, naming it like #<issue_number>-<descriptive_name>.
  • Send a pull request and wait for approval/corrections.

Readme

Keywords

none

Package Sidebar

Install

npm i goten-response

Weekly Downloads

4

Version

0.0.3

License

ISC

Unpacked Size

52.4 kB

Total Files

30

Last publish

Collaborators

  • joncolque