I would like to create a model for reactive Form.
The JSON File look like this:
{
"ITEMS": [
{
"NAME": "aaa",
"QUANTITY": ["140", "60"]
}
]
}
Thanks for your help :)
-
I think this question could help youSaif Jerbi– Saif Jerbi2019-06-24 21:49:51 +00:00Commented Jun 24, 2019 at 21:49
-
Thanks, but my question is not about making the Form. It's about making the model i will use in a reactive Form :)JBD– JBD2019-06-25 09:50:07 +00:00Commented Jun 25, 2019 at 9:50
Add a comment
|
2 Answers
Here have an example, item.model.ts and his application at app.component.ts.
https://stackblitz.com/edit/angular-s3obqy?embed=1&file=src/app/app.component.html
In your case with this stringified object you can parse like that at app.component.ts :
yourString = ` {
"ITEMS": [
{
"NAME": "aaa",
"QUANTITY": ["140", "60"]
}
]
}`;
foo: Item = JSON.parse(this.yourString);
6 Comments
JBD
Thanks but that is not what i want and it's not reflecting the JSON file :(
JBD
it should be something like this :
JBD
export class DataModel { const ITEMS: [string, string[]]; const NAME: string; const QUANTITY: string[]; constructor() { this.ITEMS[{this.NAME, this.QUANTITY[]}]; } }JBD
ITEMS is an array that containing a string call NAME and an array of string call QUANTITY :)
Vitor Piovezam
``` yourString = ` { "ITEMS": [ { "NAME": "aaa", "QUANTITY": ["140", "60"] } ] }`; foo: Item = JSON.parse(this.yourString); ```
|
There is the model:
export class DataModel {
public ITEMS: any[];
constructor(public NAME: string, public QUANTITY: Array<string>) {
this.ITEMS = [{NAME, QUANTITY}];
}
}