Javascript 如何从angular 5中的动态输入中获取值？

我从api中得到了JSON

{  
   "status":"true",
   "select":[  
      {  
         "Type":"MARKET_WORKING",
         "Question":"WHICH BRAND COUNTER IS IT?",
         "option1":"USPA",
         "option2":"HANES",
         "option3":"USPA & HANES ",
         "option4":""
      }
   ],
   "text":[  
      {  
         "Type":"MARKET_WORKING",
         "Question":"WHAT IS THE STOCK QTY AVAILABLE OF INNERWEARS?",
         "option1":"INNERWEARS TOP ",
         "option2":"INNERWEARS BOTTOM ",
         "option3":"",
         "option4":""
      },
      {  
         "Type":"MARKET_WORKING",
         "Question":"WHAT IS THE STOCK QTY AVAILABLE OF COMFORTWEAR?",
         "option1":"COMFORT WEAR TOP",
         "option2":"COMFORT WEAR BOTTOM",
         "option3":"",
         "option4":""
      }
   ]
}

在文本部分，我得到两个问题，每个问题都有两个答案，选项1和选项2将写在输入字段中。如何获取动态创建的输入的此值？。我尝试向每个输入添加

class

，并尝试使用

jQuery

通过

.val（）

获取这些输入的值。但这个值正在变为空白。不知道如何使用angular 4实现这一点

下面是我的ts代码

  submitkey()
  {
      this.brandSelect = this.selectedOption;
      this.stock_qty_innerwears_top = $('.INNERWEARS.TOP').val();
      console.log(this.stock_qty_innerwears_top);
      this.stock_qty_innerwears_bottom = $('.INNERWEARS.BOTTOM').val();
      this.comfort_wear_top = $('.COMFORT.WEAR.TOP').val();
      this.comfort_wear_bottom = $('.COMFORT.WEAR.BOTTOM').val();


       let params={
                    eid:this.user.id,
                    brand:this.brandSelect,
                    type_col:'MARKET_WORKING',
                    STOCK_QTY_INNERWEARS_TOP:this.stock_qty_innerwears_top,
                    STOCK_QTY_INNERWEARS_BOTTOM:this.stock_qty_innerwears_bottom,
                    COMFORT_WEAR_TOP:this.comfort_wear_top,
                    COMFORT_WEAR_BOTTOM:this.comfort_wear_bottom,

                    }   
      this.apiService.add_mwork(params).subscribe((res)=>{
                    // console.log(res);
    })
  }

下面是.html代码

  <div class="field-group" *ngFor="let mworkq of textq">
    <div class="label-cust">
          {{mworkq.Question}}
          <ion-input class="{{mworkq.option1}}" type="text" placeholder="{{mworkq.option1}}" ></ion-input>
          <ion-input class="{{mworkq.option2}}" type="text" placeholder="{{mworkq.option2}}" ></ion-input>            
    </div>

  </div>

{{mworkq.问题}

您试过这个吗？这将帮助您了解使用角度生命周期挂钩管理动态html元素的方法之一。我希望它能帮助你。我在html文件中的提交按钮上调用这个