Как получить глубоко вложенной массив Javascript ANGULAR?

голоса
-2

Как получить этот массив и показать название продуктов? Это мой вложенный объект-массив. Смотри изображение, которое я не знаю, как разделить Продукт.Название в моем ответе. Разве я могу сделать с ngFor или я должен фильтровать внутри TS файл?

https://imge.to/i/vkq8eH

Смотрите мой код:

  getProducts() {
    this.product.getLastPurchase().subscribe((data: any) => {
     this.lastPurchase = data;
     this.lastProduct = data.items;
     this.productName = data.items;
    //  this.onlyProduct = data.items;
     this.productName.map(e => this.nameOfProductForShare = e.product);
    //  this.nameOfProductForShare.map(e => console.log(E , e));
    this.productName.forEach(element => {
      console.log(this.onlyProduct =  element.product.name)
    });
    });
  }

Шаблон:

    <div  *ngFor=let item of lastPurchase.items>
      <div   >
      <div class=row>
        <span>Proizvod: </span>
      </div>
      <div>
        <div class=row>
            <mat-form-field class=example-full-width style=display:none>
                <input
                 matInput
                 placeholder=Proizvod
                 name=id
                 [(ngModel)]=item.id
                 >
              </mat-form-field>
              <mat-form-field class=example-full-width>
                  <input
                   matInput
                   placeholder=Proizvod
                   name=item.name
                   [(ngModel)]=item.product.name
                   >
                </mat-form-field>
        </div>
        <div class=row>
          <mat-form-field class=example-full-width>
            <input
             placeholder=kg/kom/pak
             name=quantity
             [(ngModel)]=item.quantity
             >
          </mat-form-field>
        </div>
      </div>
      <div class=row>
        <hr class=style-hr-custom>
      </div>
    </div>
  </div>
Задан 03/12/2019 в 00:05
источник пользователем
На других языках...                            


1 ответов

Как получить глубоко вложенной массив Javascript ANGULAR?

голоса
-2

Как получить этот массив и показать название продуктов? Это мой вложенный объект-массив. Смотри изображение, которое я не знаю, как разделить Продукт.Название в моем ответе. Разве я могу сделать с ngFor или я должен фильтровать внутри TS файл?

https://imge.to/i/vkq8eH

Смотрите мой код:

  getProducts() {
    this.product.getLastPurchase().subscribe((data: any) => {
     this.lastPurchase = data;
     this.lastProduct = data.items;
     this.productName = data.items;
    //  this.onlyProduct = data.items;
     this.productName.map(e => this.nameOfProductForShare = e.product);
    //  this.nameOfProductForShare.map(e => console.log("E" , e));
    this.productName.forEach(element => {
      console.log(this.onlyProduct =  element.product.name)
    });
    });
  }

Шаблон:

    <div  *ngFor="let item of lastPurchase.items">
      <div   >
      <div class="row">
        <span>Proizvod: </span>
      </div>
      <div>
        <div class="row">
            <mat-form-field class="example-full-width" style="display:none">
                <input
                 matInput
                 placeholder="Proizvod"
                 name="id"
                 [(ngModel)]="item.id"
                 >
              </mat-form-field>
              <mat-form-field class="example-full-width">
                  <input
                   matInput
                   placeholder="Proizvod"
                   name="item.name"
                   [(ngModel)]="item.product.name"
                   >
                </mat-form-field>
        </div>
        <div class="row">
          <mat-form-field class="example-full-width">
            <input
             placeholder="kg/kom/pak"
             name="quantity"
             [(ngModel)]="item.quantity"
             >
          </mat-form-field>
        </div>
      </div>
      <div class="row">
        <hr class="style-hr-custom">
      </div>
    </div>
  </div>
Ответил 03/12/2019 в 00:05
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more