как использовать переменную в образе SR c ионной

Question

как я могу использовать {{}} в sr c изображения? Я получил ошибку с этим кодом рядом с [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>

на странице. У меня есть этот код:

 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. Подробнее об интерполяции здесь .