角度textarea数据绑定

问题描述：

我能够将数据从textarea绑定到页面上，同时打字，但我怎么能够得到放置在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() 
    }); 
    } 

}

正如你可以看到上面我可以得到的数据绑定，但我不能将它绑定为多行，我知道我可以有多个框来实现这一点，但我希望我不会那样做。

任何帮助将不胜感激。

你是什么意思*“将它绑定为多行”*？你在结果字符串中看到换行符\ n吗？如果你想为每一行使用一个字符串，你必须分割它;见例如https://github.com/textbook/salary-stats/blob/cb987aaeb7b74cf23f2eb204ce79658040f63883/src/app/bulk-upload/bulk-upload.component.ts#L45在那里我已经做了一个'textarea'和一个反应形成。 – jonrsharpe

我会看看你提供的链接，我想知道是否有一个开箱即用的解决方案。请参阅https://ibb.co/endZUF，因为你可以在图像上看到我有一个textarea绑定数据到div，但是当我打回来时，绑定在左边的数据都保留在一行上。 –

答

textarea发送换行符为'\ n'，html显示换行符为< br/>。

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

角度textarea数据绑定

相关推荐