Angular 4所有输入都有值到数组

Question

我有个问题。我在具有输入值的数组中有一个产品数组。

Productlist

 <ng-template matExpansionPanelContent>
                      <div class="row_accordion">
                        <div class="row">
                          <div class="col-md-12 col-xs-12 col-lg-12 col-xl-12">
                            <br>
                            <div class="col-sm-12 col-lg-12 col-xl-12">Blechdicke: 1,00 mm</div>
                            <div class="col-sm-12 col-lg-12 col-xl-12"> Zulassungsnummer: Z-9.1-757</div>
                            <br>
                            <br>
                            <div class="row">
                              <div class="artikelheader col-lg-2 col-xl-2">Menge</div>
                              <div class="artikelheader2 col-lg-1 col-xl-1">Art.Nr.</div>
                              <div class="artikelheader2 col-lg-4 col-xl-4">Größe</div>
                              <div class="artikelheader1 col-lg-1 col-xl-1 text-right">kg/ME</div>
                              <div class="artikelheader1 offset-lg-1 col-lg-1 col-xl-1 text-right">ME</div>
                              <div class="artikelheader1 offset-lg-1 col-lg-1 offset-xl-1 col-xl-1 text-right">Preis/ME</div>  
                            </div>
                            <table class="table">
                          <tr class="artikel" *ngFor="let n of nagelplatten; index as i; odd as isOdd; even as isEven" 
                          [ngClass]="{ odd: isOdd, even: isEven }" >

                          <div class="row">
                            <div class="col-sm-5 col-lg-2 col-xl-2"><span><input  #qty><div *ngIf="n.ME > 1;then karton else stueck"></div></span><ng-template #karton> Karton</ng-template>
                            <ng-template #stueck> Stück</ng-template></div>
                            <div class="artikel col-sm-5 col-lg-1 col-xl-1">{{ n.PKArtikelID }}</div>
                            <div class="artikel col-sm-5 col-lg-4 col-xl-4">{{ n.Groesse }}</div>
                            <div class="artikel col-sm-5 col-lg-1 col-xl-1 text-right">{{ n.Gewicht | number: '1.4-4' }}</div>
                            <div class="artikel col-sm-5 offset-lg-1 col-lg-1 col-xl-1 text-right">{{ n.ME }}</div>
                            <div class="artikel col-sm-5 offset-lg-1 col-lg-1 offset-xl-1 col-xl-1 text-right">{{ n.Preis | number: '1.4-4'}}</div>  
                          </div>
                            <button [disabled]="qty.length == 1" (click)="addItemToCart(n.PKArtikelID, qty.value)">Add to cart</button>
                          </tr>
                        </table>
                          </div>
                        </div>
                      </div>
                    </ng-template>

那么现在我们可以创建一个Button如何在所有输入字段中查找值并将其添加到新数组中？

任何人都可以帮助我吗？

谢谢

Answer 1

你能更好地解释并发布你的代码吗？

也许我没有得到正确但我认为您需要使用* ngFor循环遍历所有产品并分配索引。

<div *ngFor="let product of products; let i = index">
    // product info here //
    <button (click)="onAdd(i)">Add to new array</button>
</div>

单击该按钮时，您将传递所选项目的索引，您可以将其推入新阵列或执行所需的所有阵列操作。 （产品应该是包含所有产品信息的数组）