title: How to Bind two textboxes into 1 variable in angular
body: <p>I have a angular app, In this app i have a form. I have a button click action for form submittion called onActivitySubmit().</p>
  
  <p>In the form i want to get something called "Distance" for that i have to textboxes. two boxes are for the distance number and another one to fill KM or Meters.</p>
  
  <p>So after submiting the form i want to pass this as an one value to the database. How do i do that? For an example i if i have 2 in one textbox and KM in another box i want to pass this as an one value to the database(mongo) as 2KM.</p>
  
  <p>this is my button click event.  </p>
  
  <pre><code>onActivitySubmit() {
  
  this.processing = true;
  const activity = {
    distance: this.form.get('distance').value,
    type: this.form.get('type').value,
    postedBy: this.username,
  }
  this.activityService.newActivity(activity).subscribe(data =&gt; {
    if(!data.success) {
  
    } else {
  
    }
  })
  </code></pre>
  
  <p>}</p>