Question

我正在使用angular 4 bootstrap表：当我输入一个产品时在文本框中，当我点击输入按钮我得到第一行值来自后端的表格，但我再次在文本框中输入另一个产品表格中没有显示第2行值，我给出了警报窗口显示第二行值...如何添加第二行或多行值一张桌子???

警报： 在我的警报窗口中显示数据---- [[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); 在添加第二个项目/行

之后

如何使用angular 4在bootstrap表中动态添加行值？

1 个答案: