Angular 2显示登录后被ngIf隐藏的侧边栏

Angular 2是一种流行的前端开发框架，用于构建单页应用程序。它基于TypeScript语言，并且具有强大的组件化和数据绑定功能。

对于显示登录后被ngIf隐藏的侧边栏的问题，可以通过以下步骤解决：

1. 在Angular 2中，可以使用ngIf指令来根据条件显示或隐藏DOM元素。在这种情况下，我们可以使用ngIf指令来控制侧边栏的显示和隐藏。
2. 首先，在组件的HTML模板中，将侧边栏的HTML代码包裹在一个div元素中，并使用ngIf指令来判断用户是否已登录。例如：

<div *ngIf="isLoggedIn">
  <!-- 侧边栏的HTML代码 -->
</div>

1. 在组件的TypeScript代码中，定义一个布尔类型的变量isLoggedIn，并根据用户的登录状态来设置它的值。例如：

export class AppComponent {
  isLoggedIn: boolean = false;

  // 在适当的时机，根据用户的登录状态来设置isLoggedIn的值
  // 例如，在用户登录成功后，将isLoggedIn设置为true
  // 在用户注销或登录失败后，将isLoggedIn设置为false
}

1. 当用户成功登录后，将isLoggedIn设置为true，这将导致侧边栏的div元素被显示出来。反之，当用户注销或登录失败时，将isLoggedIn设置为false，这将导致侧边栏的div元素被隐藏起来。

这样，当用户登录后，侧边栏将显示出来；当用户注销或登录失败时，侧边栏将被隐藏起来。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序。产品介绍链接
• 腾讯云对象存储（COS）：提供安全、可靠、低成本的云端存储服务，适用于存储和处理大量非结构化数据。产品介绍链接
• 腾讯云云函数（SCF）：无服务器计算服务，可帮助开发者构建和运行无需管理服务器的应用程序。产品介绍链接

请注意，以上仅为示例推荐，实际选择产品时应根据具体需求进行评估和选择。