要在Angular 6中将登录表单与控件居中显示在屏幕上，可以使用Flex布局和CSS样式来实现。以下是一种解决方法，包含代码示例：

1. 在登录表单的HTML模板文件中，添加一个父容器div，用于包裹登录表单和控件：

2. 在CSS样式文件中，使用Flex布局和样式来居中显示父容器和登录表单：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置父容器高度为视口高度 */
}

form {
  /* 登录表单的样式 */
}

3. 使用Angular的CLI命令行工具，创建一个新的组件并将HTML模板和CSS样式添加到相应的文件中：

ng generate component LoginForm

4. 在组件的HTML模板文件中，引入父容器和登录表单的HTML代码：

5. 在组件的CSS样式文件中，添加居中显示的样式：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置父容器高度为视口高度 */
}

form {
  /* 登录表单的样式 */
}

这样，登录表单和控件将会在屏幕上水平和垂直居中显示。