You need to sign in to do that
Don't have an account?
Poorna Developer
Display JSON in LWC
Hi,
I have Apex code output JSON data,
I wish to display this json data in my LWC.
Html:
<template>
<lightning-card title="Report Data" icon-name="lightning-icon" >
<div class="slds-m-around_medium">
<template if:true={lapp}>
<ul>
<template for:each={lapp} for:item="app">
<li key={app.Id}> {app.Name} </li>
</template>
</ul>
</template>
<template if:true={error}>
{error}
</template>
</div>
</lightning-card>
</template>
Js:
import { LightningElement, wire, track} from 'lwc';
import getURL from '@salesforce/apex/CreateReport.reportgen';
export default class RedirecctedURL extends LightningElement {
@track lapp;
@track data;
@track error;
wiredActivities;
@wire(getURL,{
}
)
wiredCases(value){
this.wiredActivities = value;
const { data, error } = value;
if(data){
this.lapp = JSON.stringify(data);
console.log(JSON.stringify(data));
}else if(error){
console.log(error);
this.error = error;
}
}
}
Any help??
I have Apex code output JSON data,
I wish to display this json data in my LWC.
Html:
<template>
<lightning-card title="Report Data" icon-name="lightning-icon" >
<div class="slds-m-around_medium">
<template if:true={lapp}>
<ul>
<template for:each={lapp} for:item="app">
<li key={app.Id}> {app.Name} </li>
</template>
</ul>
</template>
<template if:true={error}>
{error}
</template>
</div>
</lightning-card>
</template>
Js:
import { LightningElement, wire, track} from 'lwc';
import getURL from '@salesforce/apex/CreateReport.reportgen';
export default class RedirecctedURL extends LightningElement {
@track lapp;
@track data;
@track error;
wiredActivities;
@wire(getURL,{
}
)
wiredCases(value){
this.wiredActivities = value;
const { data, error } = value;
if(data){
this.lapp = JSON.stringify(data);
console.log(JSON.stringify(data));
}else if(error){
console.log(error);
this.error = error;
}
}
}
Any help??
Please See My Answer Above I've Made Some changes This Will Help In Showing Data Also Check if Console is Printing or not on Google Console
Please Mark it As Best Answer If it Helps
Thank You!
All Answers
Copy Paste the Below Code
Please Mark it As Best Answer If it helps.
Thank You!
Actually I wish to display my json in the lighnting card.
But I get this kind of Output only.
Is there any possibility?
Please See My Answer Above I've Made Some changes This Will Help In Showing Data Also Check if Console is Printing or not on Google Console
Please Mark it As Best Answer If it Helps
Thank You!
ipl 2021 (http://www.ghdsports.fun/)
Could you please try if this works this.lapp = data;
If it works we can avoid two extra operations in the current code this.lapp = JSON.parse(JSON.stringify(data));
please confirm.