角度のあるテキストエリアのデータバインディング

Question

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

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

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

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

Answer 1

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

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