Javascript 在没有新组件的情况下以角度显示不同的内容？

假设我有一个组件

mycomponent

，它有5个不同的超链接。 在它们下面我有一个

div

，我想根据上次单击的链接更改它的内容

因此，我的结构是：

Link 1 -> Show "Link1 clicked"
Link 2 -> Show "Link2 clicked"
Link 3 -> Show "Link3 clicked"
Link 4 -> Show "Link4 clicked"
Link 5 -> Show "Link5 clicked"

我的方法是创建一个变量

this.page=0

并通过

<ng-template [ngIf]="this.page == 1">Link 1 clicked</ng-template>
<ng-template [ngIf]="this.page == 2">Link 2 clicked</ng-template>
<ng-template [ngIf]="this.page == 3">Link 3 clicked</ng-template>
<ng-template [ngIf]="this.page == 4">Link 4 clicked</ng-template>
<ng-template [ngIf]="this.page == 5">Link 5 clicked</ng-template>

已单击链接1
点击链接2
点击链接3
点击链接4
点击链接5

这是一个好方法吗？ 这样会更好吗

我应该选择什么方法根据URL参数自动选择正确的

ng模板

？ 例如，

mydomain.com/link1

应导致显示

mycomponent

显示

link1

---

请看一看我创建的，以便更好地理解。它不包括与上述路线有关的方法，因为我没有任何方法想法可以分享。

由于您的问题涉及到许多事情和假设，请为此创建stackblitz谢谢！我刚刚添加了一个stackblitz，请随意查看。我刚刚检查了stackblitz，没有涉及路由，但在你的问题中你提到了

mydomain.com/link1

，因为考虑路由或不考虑会影响解决方案，对，我不知道如何处理这一问题，正如帖子中提到的那样。显然，仅仅路由到例如

mydomain.com/link1

并不成问题，但我不知道如何通过不同的路由来更改

页面

变量。因为如果你想通过路由来实现，你需要定义路由，并拥有一个路由器出口，然后为你做一切