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文档。

相关内容

热门资讯

辅助透视(WPK)一贯存在有挂... 辅助透视(WPK)一贯存在有挂(透视)wpk有辅助器吗(技巧教程)1、进入到wpk有辅助器吗黑科技之...
透视辅助(WPK)好像是有挂(... 透视辅助(WPK)好像是有挂(透视)wpk模拟器多开(wpk教程);1、很好的工具软件,可以解锁游戏...
透视脚本(WPK)竟然有挂(透... 透视脚本(WPK)竟然有挂(透视)wpk俱乐部辅助器(分享教程);1、上手简单,内置详细流程视频教学...
透视挂(WPK)一直真的是有挂... 透视挂(WPK)一直真的是有挂(透视)如何下载wpk透视版(线上教程)1、如何下载wpk透视版透视辅...
透视ai(WPK)切实存在有挂... 透视ai(WPK)切实存在有挂(透视)wpk显示有作弊(必赢方法);在进入wpk显示有作弊辅助挂后,...
透视透视挂(WPK)真是真的有... 透视透视挂(WPK)真是真的有挂(透视)wpk作弊(必赢教程)1、上手简单,内置详细流程视频教学,新...
透视软件(WPK)总是存在有挂... 透视软件(WPK)总是存在有挂(透视)wpk有辅助器吗(wepoke教程)1)wpk有辅助器吗辅助挂...
透视有挂(WPK)果然真的有挂... 透视有挂(WPK)果然真的有挂(透视)wpk安卓下载辅助(插件教程)1、wpk安卓下载辅助系统规律教...
透视规律(WPK)好像存在有挂... 透视规律(WPK)好像存在有挂(透视)wpk透视是真的吗(总结教程)1)wpk透视是真的吗辅助挂:进...
透视软件(WPK)一贯有挂(透... 透视软件(WPK)一贯有挂(透视)wpk透视插件(扑克教程);wpk透视插件软件透明挂微扑克wpk插...