在Angular 6中使用Bootstrap模态框，你需要遵循以下步骤：

1. 安装Bootstrap和jQuery：

   npm install bootstrap jquery --save
   

2. 在angular.json文件中添加Bootstrap CSS和jQuery的引用：

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

3. 创建一个组件来显示模态框。例如，创建一个名为ModalComponent的组件。

4. 在ModalComponent的HTML文件中添加Bootstrap模态框的代码：

   
     
   
       
   
         
   
           
   Modal Title
           
             ×
           
         
         
   
           Modal Body
         
         
   
           Close
           Save changes
         
       
     
   
   

5. 在ModalComponent的TS文件中，你可以使用以下代码来显示和隐藏模态框：

   import { Component } from '@angular/core';
   
   declare var $: any;
   
   @Component({
     selector: 'app-modal',
     templateUrl: './modal.component.html',
     styleUrls: ['./modal.component.css']
   })
   export class ModalComponent {
   
     showModal() {
       $('#myModal').modal('show');
     }
   
     hideModal() {
       $('#myModal').modal('hide');
     }
   }
   

6. 在需要显示模态框的地方调用showModal()方法。

   Show Modal
   

这样，你就可以在Angular 6中使用Bootstrap模态框了。记得在需要使用模态框的组件中导入ModalComponent。