각진 텍스트 영역 데이터 바인딩

입력하는 동안 텍스트 영역의 데이터를 바인딩 할 수 있지만 반환 방법은 텍스트 영역에 어떻게 배치 할 수 있습니까?각진 텍스트 영역 데이터 바인딩

나의 현재 코드는 다음과 같습니다 -

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

}

나는에 데이터를 얻을 수 위의 당신은에서 볼 수 있듯이 바인드하지만 여러 줄로 묶을 수는 없지만이를 달성하기 위해 여러 상자를 가질 수 있다는 것을 알고 있지만 그렇게 할 필요가 없다고 생각했습니다.

도움을 주시면 감사하겠습니다.

출처

2017-09-09 Tony Hensler

* "여러 줄로 묶습니다"* 무엇을 의미합니까? 결과 문자열에 개행 문자'\ n'이 있습니까? 각 줄마다 문자열을 가진 배열을 얻고 싶다면 그것을 나눠야합니다; 예를 들어 https://github.com/textbook/salary-stats/blob/cb987aaeb7b74cf23f2eb204ce79658040f63883/src/app/bulk-upload/bulk-upload.component.ts#L45 'textarea'와 반응성이있는 곳에서 형태. – jonrsharpe

당신이 제공 한 링크를 살펴 보겠습니다. 상자 솔루션이 있는지 궁금합니다. 이미지에서 볼 수 있듯이 https://ibb.co/endZUF를 참조하십시오. div에 데이터 바인딩 데이터가 있지만 왼쪽으로 바인딩 된 데이터가 한 줄에 모두 반환됩니다. –

textarea는 줄 바꿈을 '\ n'으로 보내고 html은 줄 바꿈을 < br/>과 함께 전송합니다.

따라서 텍스트 영역의 개행 문자를 < br & gt으로 변환해야합니다. 희망이 도움이됩니다.

출처

2017-09-09 13:51:20 GKK

각진 텍스트 영역 데이터 바인딩

답변

관련 문제