javascript - 角度文本区域数据绑定

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 使用 <br/> 显示换行符。

因此，您需要将换行符从 textarea 转换为 <br>。希望这可以帮助。