如何使用角度4在引导表中动态添加行值？

Question

我正在使用4号角引导表：当我在单击输入按钮的同时在文本框中输入一个产品时，我正在从后端获取表中的第一行值，但再次在文本框中输入了另一个产品第二行值未显示在表，我给了警报窗口，它还显示第二行值...如何在表中添加第二行或多行值？？？

警报：在我的警报窗口中显示数据---- [[[2，“ second”，1,1,2,1,1,10.2,1]]

ang.html：

<div class="col-lg-4">                                           
         <label class="col-form-label labal">Product Name</label> 
      <input type="text" class="form-control inputline" placeholder="Search Product Name" name="brand" id="brand" list="brandlist" (change)="getBrandlist($event)"> 
    <datalist id="brandlist" name="brandlist" (change)="getBrandlist($event)">                                                    </datalist>  </div> 
            <table>
                  <thead>
                    <th>#</th>
                    <th>Product Id</th> 
                    <th>Product Name</th>
                    <th>Formulation</th> </thead>
           <tbody>
                    <tr *ngFor="let brand of brandlist; let i = index">               
                    <td>{{ i + 1}} </td>
                    <td>{{brand[i][0]}}</td>
                    <td>{{brand[i][1]}}</td>
                    <td>{{brand[i][2]}}</td>      
                   </tr>                    
          </tbody>
        </table>

component.ts：

brandlist=[];
    getBrandlist($event)
      {
          let val=$event.target.value     
          this.invoiceService.getBrandlist(val).subscribe(data => {this.getTabledata(data)},
            error=>
            {
               console.log('Error occured On getBrandlist');
            });     
      }
      getTabledata(data)
      {
        if(data!==undefined || data!==null)
        {
          alert(JSON.stringify(data));
          this.brandlist.push(data);     
        }
      }

Answer 1

我假设品牌列表中的数据是

[[1,"first",1,1,2,1,1,10.2,1],


[[2,"second",1,1,2,1,1,10.2,1]]]

自从

row 1 brand[0][0]=which is 1

对于row 2 brand[1][0]=which is [2,"second",1,1,2,1,1,10.2,1]

只是尝试alert(JSON.stringify(brandlist)); 或cosole.log(brandlist); 添加第二项/行后