在一个占位符中附加两个输入占位符

Question

目前我正在一个导航项目中工作，我从用户那里得到了两个输入作为经度和纬度。输入应一个接一个地给出。我想要的是将这两个输入设置为一个用逗号分隔的输入，这样如果我输入像41.23,34.32，它到达经度41.23和纬度34.32的位置。

我目前的代码是：

<div *ngIf="data.mod=='goLocation'" class="panel-body">
    <form #f="ngForm" (ngSubmit)="go(f.value); f.reset();" class="settings-form">
      <table>
        <tr>
          <td>
            <mat-form-field>
              <input matInput placeholder="Enlem(Y)" name="lat" id="lat" #lat="ngModel" ngModel required>
              <mat-error *ngIf="lat.touched && lat.invalid">
                <div *ngIf="lat.errors.required">Bu alanı boş geçemezsiniz.</div>
              </mat-error>
            </mat-form-field>
          </td>
          <td>
            <mat-form-field>
              <input matInput placeholder="Boylem(X)" name="lon" id="lon" #lon="ngModel" ngModel                         required>
              <mat-error *ngIf="lon.touched && lon.invalid">
                <div *ngIf="lon.errors.required">Bu alanı boş geçemezsiniz.</div>
              </mat-error>
            </mat-form-field>
          </td>
        </tr>
      </table>
      <button [disabled]="!f.valid" class="btn btn-outline-primary">Git</button>
    </form>
  </div>

Answer 1

只是在(更改(进行拆分

<input #latlon (change)=changeLatLon(latlon.value)>
changeLatLon(value:any)
{
    let latlog=value.split(',');
    this.lat=latlon[0];
    this.lon=latlon.length>1?latlog[1]:0; //if latlon haven't a ",",
                                          //   latlong.length=1
}

Answer 2

谢谢 Eliseo，下面的代码完成了工作。

export class LocationComponent {
  lat;
  lon;
  constructor() {
  }
  go(form) {
    form.lat=this.lat;
    form.lon=this.lon
    this.mapService.esri.go(form.lon, form.lat);
    this.dialogRef.close();
  }
  changeLatLon(value:any){
    let latlog=value.split(',');
    this.lat=latlog[0];
    this.lon=latlog.length>1?latlog[1]:0; //if latlon haven't a ",",
                                          //   latlong.length=1 
  }
}