使用Angular Bootstrap切换选项卡并使用data-toggle传递数据的解决方法如下：

1. 首先，确保你已经在项目中引入了Angular Bootstrap库。可以通过npm安装它：

npm install @ng-bootstrap/ng-bootstrap

2. 在你的Angular组件中，引入必要的模块和服务：

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

3. 在组件类中定义一个变量来存储选项卡的数据：

export class MyComponent {
  activeTab: string = 'tab1';
}

4. 在HTML模板中，使用ngbNav指令创建选项卡组件，并绑定activeId属性和tabChange事件：

  
    Tab 1
    
Content for Tab 1
  
  
    Tab 2
    
Content for Tab 2
  

5. 在组件类中添加onTabChange方法来处理选项卡切换事件，并在该方法中获取传递的数据：

onTabChange(event: NgbTabChangeEvent) {
  if (event.nextId === 'tab1') {
    // 数据处理逻辑 for Tab 1
  } else if (event.nextId === 'tab2') {
    // 数据处理逻辑 for Tab 2
  }
}

这样，你就可以使用Angular Bootstrap切换选项卡并使用data-toggle传递数据了。当选项卡切换时，onTabChange方法会被调用，并传递一个NgbTabChangeEvent对象，你可以通过该对象的nextId属性获取当前选中的选项卡的id。根据需要，在onTabChange方法中根据选项卡的id处理数据。