Угловая привязка данных textarea

Question

Я могу связать данные из текстовой области на странице во время ввода, но как я могу получить результаты, помещенные в текстовую область?

Мой текущий код: -

app.component.html

  <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()
    });
  }

}

Как видно из приведенного выше, я могу связать данные, но не могу связать их как несколько строк, я знаю, что для этого может быть несколько ящиков, но я надеялся, что мне не придется это делать.

Любая помощь будет принята с благодарностью.

Answer 1

textarea отправляет разрывы строк как '\n', а html показывает разрывы строк с помощью
.

Итак, вам нужно конвертировать символы новой строки из текстовой области в