在Angular应用程序中，右侧和底部出现不必要的空白通常是由CSS样式或HTML布局引起的。以下是一些可能的解决方法：

1. 设置CSS样式：

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

.app-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

在上面的代码中，我们通过设置html和body元素的margin和padding为0，并将其高度设置为100%，以消除默认的空白。然后，我们在应用程序的容器元素上设置了height: 100%;，并通过设置overflow-y: auto;和overflow-x: hidden;来处理滚动条。

2. 检查HTML布局：

确保你的HTML布局没有多余的容器或元素导致空白。检查是否有不必要的margin或padding设置，以及是否有不正确的布局结构。

3. 使用Flex布局：

使用Flex布局可以更轻松地管理页面的空间分配。将父容器设置为display: flex;，并根据需要使用justify-content和align-items来对齐和定位子元素。

.parent-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

4. 检查响应式设计：

如果你的应用程序是响应式设计的，则可能需要根据不同的屏幕尺寸和设备类型进行调整。确保你的CSS样式和HTML布局适应不同的屏幕大小和方向。

这些是一些可能的解决方法，你可以根据你的具体情况选择适合的方法。如果这些方法不能解决问题，可能需要进一步检查你的代码和布局结构。