Ionic 双向绑定来自@Input装饰器和组件参数的ngModel?

nbnkbykc  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(167)

我通过Ionic的模态控制器将一些 prop 传递给一个自定义组件:

async editItem(item:any, index:number) {
        const modal = await this.modalCtrl.create({
            component: EditItemComponent,
            componentProps: {
                data: this.data,
                item: item,
            }
        });
        await modal.present();
}

在我的定制组件中,我使用Input()装饰器从模态接收componentProps
我无法将组件中的data绑定到[(ngModel)]。我正在使用<ion-input>显示data对象中的一些数据,但布局中不会出现任何内容。
第一次
为了在模型中显示 prop 数据,是否需要采取不同的方法?

nhhxz33t

nhhxz33t1#

是否记录了错误?如果有,请提供。
另一个可能的解决方案是在ngModel中添加?操作符。我猜它一开始不会呈现,因为data输入可能是null

<ion-input [(ngModel)]="data?.name"></ion-input>

相关问题