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

标签 javascript html css angular bootstrap-4

目前我在一个导航元素中工作,我从用户那里得到两个输入,即经度和纬度。输入应该一个接一个地给出。我想要的是将这两个输入作为一个用逗号分隔,这样如果我输入 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>

最佳答案

就在(改变) split

<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
}

关于javascript - 在一个占位符中附加两个输入占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49167732/

相关文章:

javascript - 在 AngularJS 的 index.html 上加载动态 CSS

javascript - 带按钮的水平滚动 DIV

javascript - knockout $parent 命中点击事件正常,但结果对象的属性未定义

javascript - jquery 动态隐藏选项卡

html - 使用 bootstrap 交换 div

css - 100% viewport height 在大显示器上工作而不是笔记本电脑?

html - 在 CSS 网格内垂直对齐列表项

c# - 如何通过链接使元素出现在屏幕中央?

html - 如何制作一个包含 3 列的 Web 表单?

html - 在 Chrome 中使用 CSS 打印目录的页码