为什么Ionic App用引号打印出Firebase数据库值

Question

我正在使用AngularFire创建一个应用，要求用户是否可以参加游戏。当用户单击“是”或“否”时，他的答案将在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>

Answer 1

您正在使用以下方法将值嵌入HTML：

{{item.name | json}} 

这会将值转换为正确的JSON，在JSON中，字符串用引号引起来。如果您不想要这些，请使用：

{{item.name}}