要在Angular项目中使用Bootstrap 4模态框，可以按照以下步骤进行设置：

1. 首先，确保你的项目已经安装了Bootstrap和jQuery。你可以使用以下命令安装它们：

npm install bootstrap jquery --save

2. 在angular.json文件中添加Bootstrap和jQuery的样式和脚本。在"styles"数组中添加以下样式：

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
]

在"scripts"数组中添加以下脚本：

"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

3. 在你的Angular组件的HTML文件中添加模态框的代码。以下是一个基本的模态框示例：

  打开模态框



  

    

      

        
模态框标题
        
          ×
        
      
      

        
模态框的内容。
      
      

        关闭
        保存更改
      
    
  

4. 在你的Angular组件的TypeScript文件中，使用以下代码来初始化模态框：

declare var $: any;

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    $(document).ready(function() {
      $('#myModal').modal({ backdrop: 'static', keyboard: false });
    });
  }

}

这样，你就可以在Angular项目中成功使用Bootstrap 4模态框，并且内容可以流体地显示。