ключ p. $, возвращающий неопределенное значение в URL angular 8 - PullRequest
Новая
       0

ключ p. $, возвращающий неопределенное значение в URL angular 8

0 голосов
/ 29 января 2020

Мой html файл 

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Title</title>
</head>

</html>

<p> <a routerLink="/admin/products/new" class="btn btn-primary">New Product</a> </p>

<table class="table">
  <thead>
    <tr>
      <th>Title</th>
      <th>Price</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let p of products$ | async">
      <td> {{p.title}} </td>
      <td> {{p.price}} </td>
      <td>
        <a [routerLink]="['/admin/products/', p.$key]">Edit</a>
      </td>
    </tr>
  </tbody>
</table>

Я хочу получать данные о товарах по одному. Но всякий раз, когда я нажимаю на редактировать, он возвращает неопределенный в URL. Может кто-нибудь, пожалуйста, помогите мне, как получить ключ в angualr из firebase. Например, как бы я получил следующие ключевые данные. enter image description here

Ответы [ 2 ]

0 голосов
/ 09 февраля 2020

Столкнувшись с той же проблемой - 

<tr *ngFor="let p of filteredProducts">
  <td>{{ p.title }}</td> //working as expected
  <td>{{ p.price }}</td> //working as expected
  <td>
    <a [routerLink]="['/admin/products/', p.key]">Edit</a> //p.key is undefined
  </td>
<tr>

Есть решение? @ MashHood

0 голосов
/ 29 января 2020

Если вы пытаетесь получить родительский узел, вам нужно использовать свойство key без $. Поэтому сделайте следующее: 

"['/admin/products/', p.key]"
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...