我的代码有效。我试图了解此示例中Angular的行为。
我有下面的Bootstrap4表，其中显示了user的{{1}}和id。第3列中有一个按钮，单击该按钮后应会启动一个新的description组件，并在相应的行中将Angular传递给它。
id我发现有趣的是，当 <table class="table table-hover table-bordered table-striped">
<thead class="thead-dark">
<tr>
<th style="width:10%" scope="column">Tag</th>
<th style="width:45%" scope="column">Question</th>
<th style="width:40%" scope="column">id </th>
<th style="width:5%" scope="column"></th> <!-- for show more button -->
</tr>
</thead>
<tbody>
<tr *ngFor="let question of questions">
<td>{{ user.tag }}</td>
<td>{{ user.description }}</td>
<td>{{ user['question-id'] }}</td>
<td> <button [routerLink]="[userDetailRouterLink,user['user-id']]" id="show-more-button" class="btn content-div__button--blue btn-sm">Show more</button></td>
</tr>
</tbody>
</table>
调用一个新组件时，还传递了正确的userDetailRouterLink，而我不需要为此编写任何特殊代码。我想知道这是如何工作的？我认为这里正在进行一些数据绑定，但是我不清楚。