I have a opt variable in Typescript
let opt = [{}];
if I want to add multiple children to opt variable to below exsample with for loop
options = [
{ name: "option1", value: 1 },
{ name: "option2", value: 2 }
]
how can I coding
for(i=0; i<=5; i++) {
...
}
If you want to add each item in options to opt, then:
let opt = [];
let options = [
{ name: "option1", value: 1 },
{ name: "option2", value: 2 }
]
options.forEach(x => opt.push(x));
you need to push the value into opt[]
Example:
for(i=0; i<=5; i++) {
opt.push( { i } );
}
Please make changes as per your requirement for what you want to push into the array.
Try using this
compomnet.html
<select>
<option *ngFor="let opt of options" [value]="opt.value">{{opt.name}}</option>
</select>
component.ts
options = [
{ name: "option1", value: 1 },
{ name: "option2", value: 2 }
]
If you need to use in select option, you don't need to loop anything in .ts, you can use *ngFor directive in template to display the options.
Try like this:
.html
<select [(ngModel)]="selected">
<option [value]="null">Select</option>
<option *ngFor="let opt of options" [value]="opt.value">{{opt.name}}</option>
</select>
<p>selected : {{selected}} </p>
.ts
options = [{ name: "option1", value: 1 }, { name: "option2", value: 2 }];
selected = null;
*ngFor will do.