how can i bind multiple questions with multiple radio button for each question that i get it from array

[thowfik]

how can i show  multiple questions as labels with multiple radio button for each question that i get it from array and bind it to form 

for example 

1. favroite color with options as red, blue

2.favorite food with options as idly, dosa which i get it from array

i have attached screenshot of the same. thanks in advance

Regards

Thowbik

Attachment: screenshotlocalhost42002019.03.15172304.png_b929238c.zip

[Deepa Loganathan]

Hi Thowfik, 

 

 

Thank you for contacting Syncfusion support. 

 

 

We have checked your requirement “To bind multiple questions with multiple radio button for each question that i get it from array” and prepared sample. Please check the below code snippet. 

 

 

HTML 

<div class="control-section"> 

    <div *ngFor="let value of arrayValue"> 

        <h3>{{value.Qts}}</h3> 

        <ejs-radiobutton *ngFor="let key of value.options;" label={{key}} name={{value.name}}></ejs-radiobutton> 

    </div> 

</div> 

 

 

TS 

export class RadioButtonController { 

    public arrayValue = [{Qts: "Who is your fourite Actor:", name: "actor", options: ["Vijay", "Ajith"]},{Qts: "Which is your favorite Food:", name: "food", options: ["Fried Rice", "Curd Rice", "Sambar Rice"]}, {Qts: "Which is your favorite color:", name: "color", options: ["Red", "Blue", "Green", "Yellow"]}]; 

} 

 

 

Sample Link: https://stackblitz.com/edit/angular-cxt8bs-ctbwa3 

 

 

Could you please check the above sample and get back to us if you need any further assistance on this? 

 

 

Regards, 

 

Deepa L.