Stored JSON schema format in buttonSchema after receiving it as a response
{
"Name": "Test",
"layoutSections": [
{
"layoutColumns": [
{
"layoutItems": [
{
"name": "test",
},]
},]
},]
}
HTML File for reading JSON schema
<div *ngFor="let Schema of buttonSchema?.layoutsections">
<div *ngFor="let Schema1 of Schema?.layoutcolumns">
<div *ngFor="let Schema2 of Schema1?.layoutItems">
</div>
</div>
</div>
Typescript File
buttonSchema: any;
ngOnInit() {
this.buttonSchema = this.authenticationService.buttonSchema;
**const s1 = this.buttonSchema.layoutsections;
const s2 = s1.layoutcolumns;
const s3 = s2.layoutItems;**
}
Implementation of logic in Typescript to achieve what is done in HTML.