我object array需要根據(jù)信用卡類型動態(tài)添加圖像圖標，.ts 文件  icon: any;  savedCreditCard =   [  {    cardExpiryDateFormat: "05/xx",    cardNumberLast: "00xx",    cardId: "xxx",    cardType: "Mastercard",    cardExpiryDate: "xx05",    paymentChannelId: 9,    cardNumberMasked: "512345XXXXXXXXXX"  },  {    cardExpiryDateFormat: "11/xx",    cardNumberLast: "58xx",    cardId: "xxx",    cardType: "Amex",    cardExpiryDate: "xx11",    paymentChannelId: 16,    cardNumberMasked: "379185XXXXXXXXX"  }]  ngOnInit() {        this.savedCreditCard.forEach((x => {      if (x.cardType === 'Mastercard') {        this.icon = '../../assets/svg/logo-mastercard.svg';      } else if (x.cardType === 'Amex') {        this.icon = '../../assets/svg/icon-amex.svg';      }    })    );  }在 HTML 模板上，我嘗試根據(jù)信用卡類型動態(tài)綁定圖像，這就是我嘗試過的，html文件    <div class="flex-float">      <div class="float-end">        <img class="select--icon" [src]="icon" />        <p class="selected--desc is-hidden-mobile-xs">          {{ selectedCard.cardType }}        </p>      </div>    </div>問題是我只有相同的圖標，即使是萬事達卡或美國運通卡，我想在 stackblitz 上重現(xiàn)，但它不支持靜態(tài)圖像，有人知道如何解決這個問題或任何建議嗎？