在Angular 2-7中，可以使用Angular的路由功能来在同一URL上隐藏/显示组件。以下是一种常见的解决方法：

1. 首先，确保已经安装了Angular路由模块。可以使用以下命令安装它：

npm install @angular/router

2. 在app.module.ts文件中导入路由模块，并在imports数组中引入它：

import { RouterModule } from '@angular/router';

@NgModule({
  imports: [
    // other imports
    RouterModule.forRoot([
      { path: 'component1', component: Component1 },
      { path: 'component2', component: Component2 },
      // add other components and paths as needed
    ])
  ],
  // other module configurations
})
export class AppModule { }

3. 在app.component.html（或其他父组件的模板中）使用路由链接来切换组件的显示/隐藏：

Component 1
Component 2

4. 在父组件的模板中使用标签来显示被激活路由的组件。

5. 最后，在需要隐藏/显示的组件的模板中添加相应的内容。

使用这种方法，当用户点击链接时，Angular的路由器会根据URL的路径来决定哪个组件显示。