Ionic 2中如何在Alert Dialog中为提示消息设置可编辑文本框？

没问题，我帮你调整代码来实现这个需求。核心思路是把推送消息绑定到组件的变量上，用双向绑定的文本框让用户编辑，同时在接收消息时直接输出到控制台。

步骤1：组件类代码修改 #

首先在你的组件类里定义一个变量存储推送消息，然后修改Firebase推送的订阅逻辑，替换掉原来的Alert弹窗逻辑：

import { Component } from '@angular/core';
import { PushObject, PushOptions } from '@ionic-native/push/ngx'; // 假设你使用Ionic Push插件，根据实际情况调整

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html'
})
export class YourComponentComponent {
  // 定义变量绑定到文本框，存储推送消息
  pushMessage: string = '';

  constructor() {}

  initPushNotifications() {
    // 保持你原有的推送配置不变
    const options: PushOptions = {
      // 你的Firebase推送配置内容
    };

    const pushObject: PushObject = this.push.init(options);

    pushObject.on('notification').subscribe((notification: any) => {
      // 把推送消息输出到控制台
      console.log('收到推送通知:', notification.message);
      
      // 将消息赋值给变量，同步到文本框
      this.pushMessage = notification.message;

      // 如果你需要保留前台接收的判断逻辑，可以继续保留
      if (notification.additionalData.foreground) {
        console.log('推送在App前台收到');
      }
    });
  }
}

步骤2：模板添加可编辑文本框 #

在组件的HTML模板里，添加双向绑定的文本框（支持用户编辑）：

<!-- 多行文本框，适合长消息 -->
<textarea 
  [(ngModel)]="pushMessage" 
  placeholder="收到的推送消息会显示在这里，可直接编辑"
  rows="6"
  style="width: 100%; padding: 8px;"
></textarea>

<!-- 或者单行输入框，适合短消息 -->
<!-- <input type="text" [(ngModel)]="pushMessage" placeholder="收到的推送消息会显示在这里，可直接编辑" style="width: 100%; padding: 8px;"> -->

额外说明 #

• 双向绑定[(ngModel)]会自动同步：推送消息到来时填充文本框，用户编辑文本框时也会更新pushMessage变量
• 如果需要保留历史推送消息，而不是覆盖，可以改成数组拼接的方式，比如：this.pushMessage += '\n---\n' + notification.message;
• 控制台会实时打印收到的推送内容，方便调试排查问题

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