为什么 Ionic App 在引号中打印出 firebase 数据库值

Why Ionic App print out firebase database values in quotation marks

我正在使用 AngularFire 创建一个应用程序,询问用户是否可以参加游戏。当用户单击 "yes" 或 "no" 时,他的答案会更新到 firebase 数据库中,并且会更新参加游戏的人员列表。问题是人名是用引号打印出来的。

有没有办法在值更改后更新列表并同时不带引号打印出来?

列表当前的显示方式:

这是 ts 文件中的函数:

getPlayersList(){
this.items = this.db.list('profiles').valueChanges();
}

这就是我如何遍历项目 array 并打印出值

<div class="div2">
  <h1>Players Attending Next Game</h1>
    <ion-list>
      <ng-container *ngFor="let item of items | async">

      <ion-item *ngIf="item.game==1" class="list-item">
        {{item.name | json}} 
      </ion-item>

    </ng-container>
    </ion-list>
</div>

您将价值嵌入到您的 HTML 中:

{{item.name | json}} 

这会将值变成正确的 JSON,并且在 JSON 中,字符串被引号括起来。如果您不想要这些,请使用:

{{item.name}}