小编Man*_*n H的帖子

我想为我的集合标签数组中的每个保存的标签生成一个 span 元素。我使用 firebase 并进入 *ngFor 循环，我得到一个大跨度元素，其中所有保存的标签均以逗号分隔，而不是为每个标签获取一个跨度。有什么办法可以让我无法阻止这种情况的发生吗？我还为“已保存”创建了一个界面。提前致谢。

        <div class="card">
            <div class="card-body">
                <h5 class="card-title text-center">{{saved?.title}}</h5>
                <hr />
                <div *ngFor="let tag of saved.tags">
                    <span class="badge badge-pill badge-primary">{{saved?.tags}}</span>
                </div>
                <hr /> <a href="#" class="btn btn-primary  offset-4 col-md-4">View</a>

            </div>
        </div>

//Saved interface in Saved.ts file
export interface Saved {
  id: string;
  title: string;
  tags: string[];
}

我在我的角度项目中遇到了这个错误，该错误不允许我对数组进行排序。

   let list = [];
    this.saved = this.db.collection('saved').snapshotChanges().map(changes => {
      return changes.map(a => {
        const data = a.payload.doc.data() as Saved;
        data.id = a.payload.doc.id;
        list.push(data.id).sort((stra, strb) => (stra < strb ? -1 : 1));
        return data;
      });
    });