以下是一个使用Angular和Bootstrap模态框的示例代码：

首先，在你的Angular组件中，你需要导入Bootstrap的CSS和JavaScript文件。你可以通过在index.html文件中添加以下代码来完成这一步骤：

在你的组件的HTML模板中，你可以添加一个按钮来触发模态框的显示，并使用Bootstrap的模态框组件来创建模态框。以下是一个示例代码：

打开模态框



  

    

      

        
模态框标题
        
          ×
        
      
      

        
模态框内容
      
      

        关闭
        保存
      
    
  

在你的组件的TypeScript代码中，你需要添加一些逻辑来控制模态框的显示和关闭。以下是一个示例代码：

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  showModal: boolean = false;

  openModal() {
    this.showModal = true;
  }

  closeModal() {
    this.showModal = false;
  }
}

在这个示例代码中，我们使用了一个名为showModal的布尔变量来控制模态框的显示和关闭。当按钮被点击时，我们调用openModal()方法来设置showModal为true，从而显示模态框。当模态框的关闭按钮或关闭按钮被点击时，我们调用closeModal()方法来设置showModal为false，从而关闭模态框。

这就是使用Angular和Bootstrap模态框的一个基本示例。你可以根据自己的需求修改模态框的内容和样式。