angular - 错误错误 : The requested path contains undefined segment at index 1

Question

我正在尝试创建一个 onClick 函数，这样当单击一个按钮时，它会导航到具有所选函数 ID 的另一个页面。 但是，每当我运行以下代码时，我都会进入控制台:

ERROR Error: The requested path contains undefined segment at index 1

组件.ts:

constructor(private damageAssessmentService: DamageAssessmentReportService, private router: Router, private route: ActivatedRoute) {}

    oneDAFormID: string;
      onView(){
        this.damageAssessmentService.getOneDAForm(this.oneDAFormID)
        this.route.params.subscribe((params: Params)=> {
          this.oneDAFormID = params['getDAId'];
          console.log(this.oneDAFormID);
        //navigate to /view-full-daform/_id
        this.router.navigate(['/view-full-daform' , this.oneDAFormID])
      })
      }

服务:

getOneDAForm(getDAId: any){
    return this.webReqService.get(`DamageAssessmentForm/${getDAId}`);
  }

网络服务:

get(uri: string) {
    return this.http.get(`${this.ROOT_URL}/${uri}`)

我不太清楚如何从页面获取 id 并导航到另一个页面，以便我可以在 ngOnInit() 中实现 id。任何帮助将不胜感激

Answer 1

您也可以尝试在 html 中使用 routerLink 来使用 id 进行路由， 所以在你的情况下， 在按钮标签上:

<button [routerLink]="['/view-full-daform', id]">Next</button>

但是你需要将你的路径存储到 view-full-daform 中

path: 'view-full-daform/:id'