要在Angular 7中实现一个弹出加载框，你可以使用Angular Material库中的MatDialog组件。以下是一个示例代码，演示了如何创建一个简单的加载框组件：

首先，创建一个名为loading-dialog的新组件：

loading-dialog.component.html:

loading-dialog.component.ts:

import { Component } from '@angular/core';

@Component({
  selector: 'app-loading-dialog',
  templateUrl: './loading-dialog.component.html',
  styleUrls: ['./loading-dialog.component.css']
})
export class LoadingDialogComponent { }

接下来，在你的父组件中使用MatDialog打开加载框：

app.component.ts:

import { Component } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { LoadingDialogComponent } from './loading-dialog/loading-dialog.component';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(private dialog: MatDialog) { }

  openLoadingDialog() {
    this.dialog.open(LoadingDialogComponent, {
      width: '200px',
      disableClose: true, // 禁止点击对话框外部关闭
      panelClass: 'loading-dialog-container' // 应用自定义的样式类
    });
  }
}

最后，在你的父组件的模板中添加一个按钮，以触发加载框的打开：

app.component.html:

打开加载框

你还可以根据需要自定义加载框的样式，例如添加背景色或调整大小。只需在loading-dialog.component.css中添加相应的样式即可。

希望这个示例能帮助到你实现Angular 7中的弹出加载框。