javascript - 将数据从控制台传递到 URL

Question

当我单击按钮时，我在控制台中获得了正确的数据，但现在当我单击按钮时，我希望数据“reid”应该传递到 url。当我尝试时:

this.router.navigateByUrl('/details/' + this.results.reid);

我得到 undefined 回复。

主页.page.ts

searchName() {
    this.results = this.userService.getName(this.searchTermName).subscribe(result => {
        console.log('Restaurant: ', result);
        this.router.navigateByUrl('/details/' + this.results.reid);
        });
  }

主页.page.html

<ion-grid >
        <ion-row >

            <ion-col size-xs="12" size-sm="12" size-md="8" size-lg="8">
                <ion-searchbar placeholder="Restaurant" [(ngModel)]="searchTermName" ></ion-searchbar>
            </ion-col>
        </ion-row>
</ion-grid>

<div class="btn" >
  <ion-button (click)="searchName()"color="primary" fill="solid">
       suchen
  </ion-button>
</div>

用户.Service.ts

 getName(name1) {
    return this.http.get('http://127.0.0.1:8000/searchRestaurantByName', {headers: {name: name1}}).pipe(
        map(name => {
            console.log('RAW: ', name1);
            return name;
        })
    );
  }

Answer 1

results 是一个数组，所以你应该使用:

this.router.navigateByUrl('/details/' + result[0].reid);

请注意，您有一个错字，如果我没看错的话，它是 result 而不是 results。