Это мой массив ответов:
"options": [
{
"productoption_id": "3",
"option_id": "1",
"option_name": "Color",
"type": "select",
"optionvalue": [
{
"product_optionvalue_id": "5",
"optionvalue_id": "1",
"optionvalue_name": "Green",
"product_optionvalue_price": "0.00000000",
"product_optionvalue_prefix": "",
"product_optionvalue_weight": "0.00000000",
"product_optionvalue_sku": "",
"product_optionvalue_weight_prefix": "",
"product_optionvalue_default": 1,
"optionvalue_image": "",
"product_optionvalue_attribs": ""
},
{
"product_optionvalue_id": "6",
"optionvalue_id": "2",
"optionvalue_name": "Red",
"product_optionvalue_price": "0.00000000",
"product_optionvalue_prefix": "",
"product_optionvalue_weight": "0.00000000",
"product_optionvalue_sku": "",
"product_optionvalue_weight_prefix": "",
"product_optionvalue_default": "0",
"optionvalue_image": "",
"product_optionvalue_attribs": ""
}
],
и мне нужно отобразить 'option_name' в качестве заголовка и 'optionvalue_name' в раскрывающемся списке.
когда я пытался отобразить optionvalue_name в выпадающем списке, он показывает ошибку.
Ошибка: «Uncaught (в обещании): SyntaxError: JSON.parse: неожиданный символ в строке 1 столбца 1 данных JSON
HTML:
<ion-grid *ngFor="let tms of optionprd;">
<ion-row *ngIf="varibleprd == 'variable'">
<ion-label>{{tms.option_name}}:</ion-label>
<ion-select [(ngModel)]="color">
<ion-option value="s">Select</ion-option>
<ion-option *ngFor="let color of dropoptions;" value="r">{{color.optionvalue_name}}</ion-option>
</ion-select>
</ion-row>
</ion-grid>
Ц:
this.optionprd = JSON.parse(JSON.stringify(this.data.data.product.options));
console.log(JSON.stringify("variable: "+JSON.stringify(this.optionprd)));
this.dropoptions = JSON.parse(JSON.stringify( this.optionprd.optionvalue));
console.log(JSON.stringify("variable1: "+JSON.stringify(this.dropoptions)));