如何在图像 src ionic 中使用变量

Question

我如何在图像的 src 中使用 {{ }}？我在 [src] 附近收到此代码错误

    <ion-list>

  <ion-item *ngFor="let item of results| async">

    <ion-thumbnail slot="start">

      <ion-img [src]={{ item.qrlink }}></ion-img>

    </ion-thumbnail>

    <ion-label>{{ item.Title }}</ion-label>

  </ion-item>

</ion-list>

在 page.ts 我有这个代码：

 submit_newcheck()

  {

  this.results = this.encryptionService.newcheck(this.checkid,this.cost,this.toname,this.tocode,this.passcode,this.date );

  }

它连接到这样的服务：

export class EncryptionService {

     constructor(private http: HttpClient) { }

    newcheck(checkid: string ,cost: string,toname: string,tocode: string,passcode: string,date: string): Observable<any> {

    return this.http.get(`https://api.test.com/encrypte.php?checkid=${encodeURI(checkid)}&&cost=${encodeURI(cost)}&&toname=${encodeURI(toname)}&&tocode=${encodeURI(tocode)}&&passcode=${encodeURI(passcode)}&&date=${encodeURI(date)}`).pipe(

      map(results => results['Data'])

    );

  }

}

Answer 1

它应该是[src]="item.qrlink"或src={{ item.qrlink }}。它们不应该混合在一起。解释如果[src]="item.qrlink"变量的值使用属性绑定item.qrlink绑定到属性。在此处[src]阅读有关模板表达式的更多信息。如果src={{ item.qrlink }}值item.qrlink被插值并分配给属性src。在此处阅读有关插值的更多信息。