获取 ngModel 的值

Question

我有一个textarea和一个checkbox，一旦我选中checkbox，我想在textarea中获取我的checkbox的值。

<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>

当我这样做时，我得到的是 True 或 False 而不是值。

Answer 1

以下是代码 sn-ps。当用户选中复选框时，它将填充值。 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;
}