ionic-framework - Ionic 4 箭头函数

Question

我正在使用 Ionic 4 创建一个待办事项列表应用程序。当用户单击添加任务时，会打开一个警报。但是，当将任务放入输入并单击添加任务按钮时，什么也没有发生。我觉得我的箭头功能有问题，但我对它们还不够熟悉，无法发现问题。我附上了一张我认为是问题的代码的照片以及我的 github 的链接。我非常感谢您的反馈和解决方案！

待办事项 github

Answer 1

我在这里看到代码有两个问题：

1. this.tasks = this.taskList.valueChanges(); 这将返回一个 observable，因此您必须使用异步管道在模板中检索其值，例如：

   *ngFor="让任务任务|异步"

2. 输入被设置为不同的名称，这里的输入名称是“标题”，这也是箭头函数中返回的数据应该被引用的方式

async addItem(){
    let addItem = await this.alertCtrl.create({
      header: 'Add a Task',
      message: 'Please enter a Task',
      inputs: [{
         name: 'title',
         type: 'text'
      }],
      buttons:[{
        text: 'Cancel',
        role: 'cancel'
      },{
        text: 'Add Task',
        handler: data => {

          let newTaskRef = this.taskList.push(
            { id: '', title: data.title, status: 'open' }
            );
            newTaskRef.update( { id: newTaskRef.key } );

        }
      }]
    })

    await addItem.present();
  }