html页面：
<ion-content>
<iframe [src]="qrLink" width="100%" height="100%"></iframe>
</ion-content>ts页面：
qrLink: string = null
ngOnInit() {
this.getShop();
}
async getShop(){
const shopId = this.route.snapshot.queryParamMap.get('shopId');
if(shopId){
this.shop = await this.shopService.getShopById(shopId);
this.shopName = this.shop[0].name;
this.qrLink = this.shop[0].menu.qrLink;
}
}qrLink验证项不为空。我用以下方法进行了检查：
<ion-content>
<iframe [src]="qrLink" width="100%" height="80%"></iframe>
{{qrLink}
</ion-content>如何将此变量值传递到src？
1条答案
按热度按时间zqry0prt1#
你会得到这个错误，因为ionic需要一个项目中页面的url路径，你所做的是将一个web url传递给一个iframe，这是行不通的。