选择一个选项全部来自json文件后，获取输入文本值ANGULAR 10

如何解决选择一个选项全部来自json文件后，获取输入文本值ANGULAR 10

基本上，我选择了一些输入字段：

<div class="form-row">
<div class="form-group col-lg-6">
   <label>Città*</label>

    <select formControlName='cittaLegale' class="form-control" id="citta_legale" 
      name="citta_legale" required>
           <option value="" disabled selected> Scegli </option>
           <option  *ngFor="let comune of comuni" value="" > {{comune.Comune}}</option>
      </select>
</div>

<div class="form-group col-lg-4">
    <label>Provincia*</label>

    <input formControlName='provinciaLegale' type="text"  class="form-control" 
        id="provincia_legale" name="provincia_legale"
        placeholder="Es.RM" value='' required maxlength="2" style="text- 
    transform:uppercase" >

</div>

所以我做了一个ngFor从JSON文件中获取所有Comune的情况，我需要根据选择的内容来自动完成输入provinciaLegale（Provincia）。

这是我获取JSON文件的功能：

listaComuni(){
  this.http.get("assets/it.json").subscribe(data=>{
  this.comuni = data;

})

这是JSON文件的一部分：

    [
     {
     "Istat": "028001","Comune": "Abano Terme","Provincia": "PD","Regione": "VEN","Prefisso": "049","CAP": 35031,"CodFisco": "A001","Abitanti": 19726,},]

解决方法

所以您想选择该选项并将其值设置为ProvinciaLegale输入？

您可以在cittaLegale select formControl中添加一个valueChanges钩子（在您的 ngOnInit（）内），如下所示：

this.formGroup.get('cittaLegale').valueChanges.subscribe(newValue => {
    this.formGroup.get('provinciaLegale').setValue(newValue);
});