获取ngmodel的值

Question

我有一个textarea和一个复选框，一旦我检查复选框，我想在Textarea中获取我的复选框的值。

<div class="message-container">
  <textarea 
    *ngIf="mode === 1"
    id="message"
    rows=8
    (ngModelChange)="updateView($event)"
    [ngModel]="message"
    value="formattedMessage" 
    placeholder="{{'Test_NOTE' | translate}} +{{ExempleIWantToGet}}">
  </textarea>
        
<ion-item>
  <ion-label>Exemple</ion-label>
  <ion-checkbox [(ngModel)]="ExempleIWantToGet"></ion-checkbox>
</ion-item>

当我这样做时，我得到了真或错误而不是值。

Answer 1

以下是代码段。当用户选中复选框时，它将填充值。app.component.html

<input type="text" [value]="chk.checked?ExempleIWantToGet:''">
<input #chk type="checkbox" (ngModel)="checkBoxValue" />

app.component.ts

export class AppComponent  {
  ExempleIWantToGet = 'Angular 5';
  checkBoxValue: boolean;
}

Answer 2

尝试这个。

您可以使用click事件在textarea中获得checkbox的值。

app.component.html

<div class="message-container">
   <textarea id="message" rows=8 [ngModel]="message" 
    value="{{ExempleIWantToGet}}">
   </textarea>
   <input type="checkbox" [(ngModel)]="ExempleIWantToGet">
</div>

app.component.ts

export class AppComponent {
  title = 'app';
  ExempleIWantToGet = 'Your Value';
  message: any;
}