Angular 离子2.0列表编辑-预填充警报字段

我正在Ionic 2.0应用程序中处理一个可编辑列表。我90%的时间都能做到这一点，但我在一些可能相当简单的事情上遇到了困难

当用户单击列表项的编辑按钮时，它将使用以下脚本显示警报。但是，我希望列表项的当前名称在编辑时显示在警报的字段中。我似乎不知道如何做到这一点

脚本：

editSupplier(supplier){
     let prompt = this.alertCtrl.create({
        title: 'Edit Supplier',
        inputs: [{
            name: 'title',
            value: // dynamic value should go here
        }],
        buttons: [
            {
                text: 'Cancel'
            },
            {
                text: 'Save',
                handler: data => {
                    let index = this.suppliers.indexOf(supplier);

                    if(index > -1){
                      this.suppliers[index] = data;
                    }
                }
            }
        ]
    });

    prompt.present();       

}

项目代码：

    <ion-item-sliding *ngFor="let supplier of suppliers">
        <ion-item>
            <h2 color="dark">{{supplier.title}}</h2>
        </ion-item>
        <ion-item-options side="right">
          <button ion-button (click)="editSupplier(supplier)" color="attention">
            <ion-icon name="create"></ion-icon>
          </button>
          <button ion-button (click)="deleteSupplier(supplier)" color="danger">
            <ion-icon name="trash"></ion-icon>
          </button>
        </ion-item-options>
    </ion-item-sliding>

{{supplier.title}}

试试看

---

好的，我已经弄明白了。我添加了对父组（供应商）的引用，然后捕获特定供应商的索引，如下所示：

let currentIndex = this.suppliers.indexOf(supplier);

然后，我将代码的“值”行替换为：

value: this.suppliers[currentIndex].title

---

鲍勃是你叔叔，警报字段是预先填充的。

不幸的是，这不起作用。实际上，我已经尝试过这个解决方案的一些变体。在生成时，它抛出一个Typescript错误“属性‘supplier’在类型‘SuppliersPage’上不存在。”

value: this.suppliers[currentIndex].title