2017-07-27 23 views
1

私は角型のアプリケーションを持っています。このアプリケーションでは私はフォームを持っています。私はonActivitySubmit()と呼ばれるフォーム提出のためのボタンクリックアクションを持っています。2つのテキストボックスを1つの変数にバインドする方法

私はテキストボックスにするために "距離"と呼ばれるものを入手したいと思っています。 2つのボックスは距離番号用であり、もう1つはKMまたはメートルを充填するためのものである。

フォームを送信した後、私はこの値をデータベースに渡したいと思います。それ、どうやったら出来るの?私は2つのテキストボックスと別のボックスにKMを持っている場合、私は2KMとしてデータベース(mongo)に1つの値としてこれを渡したい例です。

これは私のボタンのクリックイベントです。

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 { 

    } 
}) 

}

+0

を試してみてください? –

答えて

1

あなたはconcatenation` `について何を知っていますかこのよう

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

それから彼はスペースを取り除きたい。それは単なる常識です。 :)私の答えを更新する方法はありません –

+0

しかし、私が理解していないのはなぜでしょうか?この仕事の距離はありません:this.form.get( 'distance')。value.toString()+ this .form( "タイプ")。値? – Vivz

+1

距離値が整数の場合。変換エラーが発生する可能性があります。そのため私は文字列に変換して連結しています。以前はtoString()を使用していません。だからこそ ''を使っているのです。私たちはそれをしません。私はそれを更新します。あなたの注意に感謝 –

関連する問題