How to Bind two textboxes into 1 variable in angular

Question

I have a angular app, In this app i have a form. I have a button click action for form submittion called onActivitySubmit().

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.

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.

this is my button click event.

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 => {
  if(!data.success) {

  } else {

  }
})

}

do you know anything about concatenation?

Ramesh Rajendran
– Ramesh Rajendran

2017-07-27 07:00:52 +00:00
Commented Jul 27, 2017 at 7:00 — Ramesh Rajendran
– Ramesh Rajendran, Commented Jul 27, 2017 at 7:00

Ramesh Rajendran · Accepted Answer · 2017-07-27 07:12:11Z

1

try this way

const activity = {
  distance: this.form.get('distance').value.toString() + this.form.get('type').value ,
  type: this.form.get('type').value,
  postedBy: this.username,
}

edited Jul 27, 2017 at 7:12

answered Jul 27, 2017 at 7:02

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

Ramesh Rajendran Over a year ago

Then he want remove the space. it's just a common sense. :) any way I have update my answer

Vivz Over a year ago

But what I don't understand is why you are putting ''?Won't this work distance: this.form.get('distance').value.toString() +this.form.get('type').value ?

Ramesh Rajendran Over a year ago

Because if the distance value is integer. it may be threw conversion error. that's why I have convert to string then concatenate. previously am not using toString(). that's why am using ''. but any way we won't it. i'll update it. thanks for your attention

Ramesh Rajendran Over a year ago

The please give me the mark as answer @RoshiniDissanayake

Roshini Dissanayake Over a year ago

How do i do that? Where ?

|

Collectives™ on Stack Overflow

How to Bind two textboxes into 1 variable in angular

1 Answer 1

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related