Read Array inside of Array in Angular

Question

I'm confused on how would i get the value of material.sku in these arrays of objects? This is what i have tried below.

html

<td>
    <select formControlName="material_id" class="col-md-12">
        <option *ngFor="let mat_order of mat_orders.materials" [ngValue]="mat_order.material_id">
            {{ mat_order.sku}} 
        </option>
    </select>
 </td>

ts

.subscribe(
  (data:any) => {
    this.mat_orders = data.supplies;
    console.log(mat_orders);

  },
  error => {
   alert("Error");
   console.log(error);
 })

mat_orders.materials specify index of mat_orders . for example mat_orders[0].materials — komron
– komron, Commented Nov 2, 2017 at 11:07

Sajeetharan · Accepted Answer · 2017-11-02 11:06:09Z

1

you should access the 0th index,

  <select formControlName="material_id" class="col-md-12">
        <option *ngFor="let mat_order of mat_orders[0].materials" [ngValue]="mat_order.material_id">
            {{ mat_order.sku}} 
        </option>
    </select>

answered Nov 2, 2017 at 11:06

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Read Array inside of Array in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related