使用 Angular4 從服務器加載信息時，HTML 無法正確顯示

Question

我剛剛開始學習 Angular，我正在嘗試為我所在的這個角色扮演社區創建一個角色庫。 您可以在此處查看： http : //bnf-front-site.s3-website-us-east-1.amazonaws.com/rollcall （您可能需要單擊主頁然后返回點名；這也是一個問題） . 我的問題是，有時字符框會出現亂碼並相互重疊。 我確定這是 Angular 問題（我從 Mongo 數據庫加載信息的方式）還是 HTML/CSS 問題。 無論哪種方式，我都不知道該怎么辦。 有什么我做錯了或我應該添加的東西嗎？

這是我從服務器加載信息的方式嗎？ 因為我知道無論有沒有 Promise 都有一些不同的方法。 這就是我在 HTML 中執行 for 循環的方式，也許我在那里做錯了什么？ 我想我可以添加| async | async在語句之后，但如果我沒記錯的話，我將不得不使用 Observables 來做到這一點。

<li *ngFor="let character of characters">
    <a href={{character.profileLink}}>
        <img src={{character.avatarLink}}/>
        <span>{{character.name}}</span>
    </a>
</li>

這是我的那個頁面的源代碼。 順便說一下，我正在使用 Angular 4。

Answer 1

默認情況下，Angular 會進行消毒。 在 angular 文檔中查看 DOMSanitizer。

https://angular.io/api/platform-b​​rowser/DomSanitizer