goten-response
v0.0.3
Published
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.
Downloads
3
Readme
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.