要使用Angular 7和ng-bootstrap来渲染模态框模板，需要按照以下步骤进行操作：

1. 安装Angular CLI（如果尚未安装）：

npm install -g @angular/cli

2. 创建新的Angular项目：

ng new my-app
cd my-app

3. 安装ng-bootstrap：

npm install @ng-bootstrap/ng-bootstrap

4. 打开src/app/app.module.ts文件并导入所需的模块：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, NgbModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

5. 创建一个新的组件，例如src/app/modal/modal.component.ts：

import { Component } from '@angular/core';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'app-modal',
  templateUrl: './modal.component.html'
})
export class ModalComponent {
  constructor(private modalService: NgbModal) {}

  open(content) {
    this.modalService.open(content);
  }
}

6. 创建模态框模板，例如src/app/modal/modal.component.html：

打开模态框


  

    
模态框标题
    
      ×
    
  
  

    模态框内容
  
  

    关闭
  

7. 在src/app/app.component.html中使用新创建的模态框组件：

8. 运行应用：

ng serve

现在，当你在浏览器中打开http://localhost:4200时，你将看到一个按钮，点击按钮将会打开一个模态框。