Html 如何隐藏登录并注册到其他页面的链接

在App.component.ts中，我已将路由器链接重定向到主页，我想在那里隐藏登录和注册链接。我知道很多人都会回答，我是新手。只是想知道如何隐藏一些链接或功能在不同的网页上不同的路由器基地，我想我可以做到这一点，在ngIf和路由器链接，但在哪里写。流是在点击登录或注册后想要隐藏链接 有人能帮忙吗

    <a [routerLink]="['/login']"  class="btn btn-link">Login</a>
<a [routerLink]="['/registration']"  class="btn btn-link">Register</a>
    <router-outlet></router-outlet>

登录
登记

共享服务上需要登录标志

创建一个名为LoggedIn的服务

@Injectable({
  providedIn: 'root'
})
export class LoggedInService {
  loggedIn$ = new BehaviorSubject(false);
}

插入您登录的服务，并在登录时调用BehaviorSubject的next

this.loggedInService.loggedIn$.next(true);

在带有菜单的组件上，使用它隐藏登录按钮

loggedIn$ = this.loggedInService.loggedIn$;

在模板中

<a [routerLink]="['/login']"  class="btn btn-link" *ngIf="loggedIn$ | async">Login</a>

登录

我已删除了不必要的代码。不想隐藏导航栏之类的东西。简单的要求，没有身份验证服务想隐藏登录和注册按钮在我的主页。流是在单击自身登录后，我已重定向到登录组件此处自身要隐藏登录和注册按钮。使用带有行为主题的共享服务。