获取ngModel值：实现勾选复选框时同步值至textarea

看起来你想要实现勾选Checkbox时，把它绑定的值同步到Textarea中对吧？我来帮你调整代码，让这个逻辑正常工作：

首先明确核心需求：当Checkbox的状态变化时，将对应的值（或者你预设的示例文本）同步到Textarea的绑定变量里。咱们一步步来修改：

1. 组件类准备（苦负责负责Ang�Lind）无法 BR情绪化三点选择负责答应管理的变量 #

首先确保组件类里有对应的变量（假设你用的是Angular/Ionic）：

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

@Component({
  // 这里保留你的组件元数据（selector、templateUrl等）
})
export class YourComponent {
  mode: number = 1; // 控制textarea显示的变量
  message: string = ''; // Textarea绑定的变量
  ExempleIWantToGet: boolean = false; // Checkbox双向绑定的变量
  exampleText: string = '这里是你想要插入的示例内容'; // 自定义的示例文本
}

2. 模板代码修改 #

调整你的HTML模板，移除冗余属性并添加同步逻辑：

<div class="message-container">
  <textarea 
    *ngIf="mode === 1" 
    id="message" 
    rows="8" 
    [(ngModel)]="message" 
    placeholder="{{'Test_NOTE' | translate}} {{ExempleIWantToGet ? '+' + exampleText : ''}}"
  ></textarea>
  <ion-item>
    <ion-label>Exemple</ion-label>
    <ion-checkbox 
      [(ngModel)]="ExempleIWantToGet"
      <!-- 关键逻辑：Checkbox状态变化时同步更新Textarea内容 -->
      (ngModelChange)="message = $event ? exampleText : ''"
    ></ion-checkbox>
  </ion-item>
</div>

关键修改点说明 #

• 移除了Textarea中多余的value="formattedMessage"：因为[(ngModel)]已经负责管理Textarea的值，这个属性会被覆盖，完全没必要保留。
• 给Checkbox添加(ngModelChange)事件：每当Checkbox的勾选状态改变时，会触发这个事件。我们在这里直接根据状态（$event是布尔值）设置Textarea的绑定变量message——勾选时填充预设的示例文本，取消勾选时清空Textarea。
• 优化Placeholder：根据Checkbox的状态动态显示提示文本，让用户更清楚当前状态。

如果你想直接同步Checkbox的布尔值 #

如果你的需求不是填充示例文本，而是把Checkbox的true/false值直接显示在Textarea里，只需要把Checkbox的(ngModelChange)改成：

(ngModelChange)="message = $event.toString()"

这样勾选时Textarea会显示true，取消勾选时显示false。

内容的提问来源于stack exchange，提问作者Taieb