要在Angular 10中实现模态框数据绑定和使用Bootstrap样式，可以按照以下步骤进行操作：

1. 安装Bootstrap和jQuery依赖：

   npm install bootstrap jquery
   

2. 在angular.json文件中的styles数组中添加Bootstrap样式文件路径：

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

3. 在angular.json文件中的scripts数组中添加Bootstrap和jQuery的脚本文件路径：

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

4. 创建一个新的组件来实现模态框：

   ng generate component modal
   

5. 在模态框组件的HTML文件中，使用Bootstrap的模态框组件，并绑定数据：

   
   
     
   
       
   
         
   
           
   Modal Title
           
             ×
           
         
         
   
           
   {{ modalData }}
         
         
   
           Close
         
       
     
   
   

6. 在模态框组件的TypeScript文件中，定义模态框数据的属性和方法：

   // modal.component.ts
   import { Component, Input } from '@angular/core';
   
   @Component({
     selector: 'app-modal',
     templateUrl: './modal.component.html',
     styleUrls: ['./modal.component.css']
   })
   export class ModalComponent {
     @Input() modalData: string;
   
     constructor() { }
   }
   

7. 在需要使用模态框的组件中，使用ViewChild装饰器来获取模态框组件的实例，并设置数据：

   // app.component.ts
   import { Component, ViewChild } from '@angular/core';
   import { ModalComponent } from './modal/modal.component';
   
   @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.css']
   })
   export class AppComponent {
     @ViewChild(ModalComponent) modalComponent: ModalComponent;
   
     showModal() {
       this.modalComponent.modalData = 'Modal Content';
       $('#myModal').modal('show');
     }
   }
   

8. 在需要使用模态框的组件的HTML文件中，添加一个按钮来触发模态框的显示：

   
   Show Modal
   
   

9. 运行应用程序：

   ng serve
   

   现在，当点击"Show Modal"按钮时，模态框将显示，并且绑定的数据将在模态框中显示出来。