Angular路由参数在传递Firestore文档的Id时会自动转换为小写。
创始人
2024-10-28 01:00:38
0

要解决这个问题,可以在路由参数传递之前手动将文档的Id转换为小写。以下是一个示例解决方法:

  1. 首先,导入Angular的路由模块和Firestore模块:
import { RouterModule, Routes, ActivatedRoute } from '@angular/router';
import { AngularFirestore } from '@angular/fire/firestore';
  1. 在路由模块中定义一个路由参数,例如:
const routes: Routes = [
  { path: 'document/:id', component: DocumentComponent }
];
  1. 在相应的组件中,注入ActivatedRoute和AngularFirestore,并在构造函数中使用ActivatedRoute来获取路由参数:
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { AngularFirestore } from '@angular/fire/firestore';

@Component({
  selector: 'app-document',
  templateUrl: './document.component.html',
  styleUrls: ['./document.component.css']
})
export class DocumentComponent implements OnInit {
  documentId: string;

  constructor(private route: ActivatedRoute, private firestore: AngularFirestore) { }

  ngOnInit() {
    this.route.paramMap.subscribe(params => {
      this.documentId = params.get('id').toLowerCase(); // 将路由参数转换为小写
      this.getDocument(this.documentId);
    });
  }

  getDocument(id: string) {
    // 使用转换后的文档Id来获取Firestore文档
    this.firestore.collection('documents').doc(id).valueChanges().subscribe(document => {
      console.log(document);
    });
  }
}

现在,当路由参数传递给DocumentComponent组件时,它会自动将文档的Id转换为小写,并使用转换后的Id获取Firestore文档。

相关内容

热门资讯

起初有开挂"新海豚辅... 起初有开挂"新海豚辅助工具"开挂(透视)辅助下载(技巧教程真的有挂)这是一款可以让一直输的玩家,快速...
原本有辅助"战神辅助... 原本有辅助"战神辅助器"开挂(透视)辅助神器(德州论坛有挂分享)【无需打开直接搜索加薇1367043...
原先有辅助"微乐透视... 原先有辅助"微乐透视辅助工具"开挂(透视)辅助安装(安装教程有挂方针) >>您好:软件加薇13670...
固有有辅助"免费雀神... 固有有辅助"免费雀神挂件怎么安装"开挂(透视)辅助插件(AA德州教程真的有挂);亲,免费雀神挂件怎么...
往昔有开挂"hhpo... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加(136704302)微信号是一款...
起初有辅助"创思维激... 【亲,创思维激k辅助控制器 这款游戏可以开挂的,确实是有挂的,很多玩家在这款创思维激k辅助控制器中打...
素来有开挂"广东闲来... >>您好:广东闲来app辅助确实是有挂的,很多玩家在这款广东闲来app辅助游戏中打牌都会发现很多用户...
素来有开挂"佛手在线... 素来有开挂"佛手在线大菠萝的算法是什么"开挂(透视)辅助透视(辅助教程存在有挂);无需打开直接搜索微...
一向有辅助"乐酷副厅... 您好:这款乐酷副厅辅助游戏是可以开挂的,确实是有挂的,很多玩家在这款乐酷副厅辅助游戏中打牌都会发现很...
固有有辅助"微乐小程... 固有有辅助"微乐小程序自建房辅助"开挂(透视)辅助插件(高科技教程有挂辅助);无需打开直接搜索打开薇...