将firebase对象ID添加到Angular中的routerlink属性

Question

所以我正在开发一个关于Playstation游戏的Angular和Firebase数据库的网站。我想要显示的每个游戏都有一个我想要传递给routerlink属性的ID。我只是不知道该怎么做。我尝试了下面的代码（routerLink = [“/ games”，{{game.key $}}]），但它给了我显示的错误。有人能帮助我吗？

<ng-container *ngFor="let game of games; let i = index">
      <div class="col-4">
        <div class="card">
          <img class="card-img-top" src="{{ game.imageUrl }}" alt="hello">
          <div class="card-body">
            <h4 class="card-title">{{ game.title }}</h4>
            <p class="card-text">{{ game.category }}</p>
          </div>
          <div class="card-footer">
            <button
              routerLink=["/games", {{game.key$}}]
              class="btn btn-secondary btn-block">Available Tournaments
            </button>
          </div>
        </div>
      </div>
      <div *ngIf="(i+1)%3 === 0" class="w-100"></div>
      </ng-container>

  

compiler.js：485 Uncaught Error：模板解析错误：意外   关闭标签“按钮”。标签已经存在时可能会发生   被另一个标签关闭。有关详情，请参阅   https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags（“{{game.key $}}]                 class =“btn btn-secondary btn-block”＆gt;可用的锦标赛               [错误 - ＆gt;]                        

Answer 1

试试这个，

<button [routerLink]="['/games', game.$key]" class="btn btn-secondary btn-block">Available Tournaments
</button>