Html 如何根据angular 6中其他文本的选择来显示textarea值？

我有一个主textarea字段，我应该在其中添加一个内容。我还有另外三个文本区域字段，我将在其中显示一些默认内容。如果用户从这三个textarea字段中的任意一个单击内容，则该内容应显示在主textarea内容字段中

<div class="col-sm-8 col-md-5 col-lg-4">
      <textarea #content type="text" class="form-control">   </textarea>
    </div>
    <div class="col-sm-8 col-md-5 col-lg-4" (click)="setContent(content1.value)">
      <textarea #content1 type="text" name="content" [(ngModel)] = "content4" class="form-control" > Content 1 </textarea>
    </div>
    <div class="col-sm-8 col-md-5 col-lg-4">
      <textarea #content2 type="text" name="content5" [(ngModel)] = "content" class="form-control">Content 2
      </textarea>
    </div>
    <div class="col-sm-8 col-md-5 col-lg-4">
      <textarea #content3 type="text" name="content6" [(ngModel)] = "content" class="form-control"> content 3 </textarea>
    </div>

---

我应该如何获取值并在主内容中显示它。有人能帮我吗？

你可以用很多方法来做这件事。这里有一个：

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  mainContent = '';

  setContent(value) {
    this.mainContent = value;
  }

}

这是您的模板：

<div class="col-sm-8 col-md-5 col-lg-4">
  <textarea 
    [(ngModel)]="mainContent" 
    type="text" 
    class="form-control">
  </textarea>
</div>

<div class="col-sm-8 col-md-5 col-lg-4">
  <textarea 
    #content1 
    type="text" 
    name="content" 
    class="form-control" 
    (click)="setContent(content1.value)">
    Value 1
  </textarea>
</div>

<div class="col-sm-8 col-md-5 col-lg-4">
  <textarea 
    #content2 
    type="text" 
    name="content" 
    class="form-control" 
    (click)="setContent(content2.value)">
    Value 2
  </textarea>
</div>

<div class="col-sm-8 col-md-5 col-lg-4">
  <textarea 
    #content3 
    type="text" 
    name="content" 
    class="form-control" 
    (click)="setContent(content3.value)">
    Value 3
  </textarea>
</div>

这里有一个参考。看看模板的下半部分，就像我在这个答案中添加的一样