在angular 7中有没有办法通过参数来使用一个组件来实现多连接？

Question

我有一个由以下代码组成的组件：

<div class="form-group">
  <label>test</label>
  <input type="text" class="form-control" [(ngModel)]="test"/>
</div>

我将这个组件用于两个链接，如下所示：

<li>
  <a class="text-white home-tabs pl-3 pr-3 pt-2 pb-2 rounded-top" [routerLink]='["/default-dashboard","14"]' routerLinkActive="active-home-tabs">link1</a>
</li>
<li>
  <a class="text-white home-tabs pl-3 pr-3 pt-2 pb-2 rounded-top" [routerLink]='["/default-dashboard","15"]' routerLinkActive="active-home-tabs">link2</a>
</li>

现在我想要获取任何链接的输入值，但当我更改一个链接的值时，第二个链接的输入值就会改变！有没有什么方法可以在组件上使用，并从任何链接中获取参考值？

Answer 1

我想在选项卡视图mode.So中创建一个像雅虎邮件这样的页面，我可以在几个选项卡中显示一个组件，并通过选择任何选项卡来显示其信息。但是当我使用路由创建链接时，通过选择每个链接来显示重复的信息，并且通过选择任何链接来重新加载页面。有没有办法通过Angular来解决这个问题？谢谢