Question

我可以在输入的同时将textarea中的数据绑定到页面上但是我如何才能在textarea中获得返回值？

我目前的代码是： -

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发送换行符为＆＃39; \ n＆＃39;和html显示与＆lt; br /＆gt;的换行符。

因此，您需要将换行符从textarea转换为＆lt; br＆amp; gt。希望这会有所帮助。

Angular textarea数据绑定

1 个答案: