2017-09-09 2 views
0

テキストエリアのデータを入力中にページにバインドできますが、テキストエリアに返されるデータをどのように取得できますか?角度のあるテキストエリアのデータバインディング

私の現在のコードは次のとおりです。 -

<div class="ui center aligned grid">{{Form.value.address}}</div> 

    <form class="ui large form" [formGroup]="Form"> 
    <div class="ui segment"> 
     <div class="field"> 
     <div class="ui input"> 
      <textarea type="text" name="address" placeholder="Address" formControlName="address"></textarea> 
     </div> 
     </div> 
    </div> 
    </form> 

app.component.ts

import { Component, OnInit } from '@angular/core'; 
import {FormBuilder, FormControl, FormGroup} from '@angular/forms'; 

@Component({ 
    selector: 'app', 
    templateUrl: './app.component.html' 
}) 
export class AppComponent implements OnInit { 

    private Form: FormGroup; 

    constructor() { } 

    ngOnInit() { 
    this.Form = new FormGroup({ 
     address: new FormControl() 
    }); 
    } 

} 

app.component.htmlあなたは私がデータを取得することができ、上から見ることができるようにバインドしていますが、複数の行にバインドすることはできません。これを達成するために複数のボックスを持つことができますが、私はそれをする必要はないと考えていました。

ご協力いただければ幸いです。

+0

「複数の行にバインドする」*とはどういう意味ですか?結果の文字列に '\ n'という改行がありますか?各行に文字列を含む配列を取得したい場合は、それを分割する必要があります。例えば、 https://github.com/textbook/salary-stats/blob/cb987aaeb7b74cf23f2eb204ce79658040f63883/src/app/bulk-upload/bulk-upload.component.ts#L45ここで私は「テキストエリア」と反応的な形。 – jonrsharpe

+0

あなたが提供したリンクを見ていきます。私は、箱の解決策があるのか​​疑問に思っていました。画像に見られるようにhttps://ibb.co/endZUFを参照してください。私はdivにデータをバインディングするテキストエリアを持っていますが、折り返したデータは左側にバインドされたものがすべて1行にとどまります。 –

答えて

0

textareaは改行を「\ n」、htmlは改行を< br/>で送信します。

したがって、改行文字をテキストエリアから< br & gtに変換する必要があります。お役に立てれば。

関連する問題