如何在图像 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。在此处阅读有关插值的更多信息。