当侧边栏从应用程序组件移动到Angular中的单独组件时，可以通过CSS样式和Angular指令来实现侧边栏在页面向下滚动时不具有页面的完整高度。

首先，需要创建一个单独的组件来承载侧边栏，并将其添加到Angular应用程序中。可以使用Angular CLI命令来生成一个新的组件，例如：

ng generate component Sidebar

然后，在该组件的HTML模板中，可以使用CSS样式来设置侧边栏的高度和位置。可以使用position: fixed来固定侧边栏的位置，并使用height: 100vh来设置侧边栏的高度为视口的高度。这样，无论页面向下滚动多少，侧边栏都会保持固定的位置和高度。

<div class="sidebar">
  <!-- 侧边栏内容 -->
</div>

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  height: 100vh;
  background-color: #f1f1f1;
}

接下来，在主要的应用程序组件中，可以将侧边栏组件添加到页面中，并使用CSS样式来设置内容区域的边距，以避免被侧边栏遮挡。

<div class="content">
  <!-- 内容区域 -->
</div>
<app-sidebar></app-sidebar>

.content {
  margin-left: 200px; /* 侧边栏宽度 */
}

这样，当页面向下滚动时，侧边栏将保持固定的位置和高度，而内容区域则会根据滚动进行调整，避免被侧边栏遮挡。

在实际应用中，可以根据具体需求对侧边栏进行进一步的定制和样式调整。同时，可以结合Angular的动态数据绑定和事件处理机制，实现更复杂的交互效果和功能。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
• 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp