要实现AngularJS UI-Grid的导出功能，并显示导出的PDF的动态数据，可以按照以下步骤进行：

1. 安装依赖： 首先，确保已安装AngularJS和UI-Grid。可以使用以下命令进行安装：

   npm install angular
   npm install angular-ui-grid
   

2. 创建AngularJS应用程序： 创建一个新的AngularJS应用程序，并将其引入到HTML页面中。

3. 定义AngularJS控制器： 在JavaScript文件中定义AngularJS控制器，并在其中创建UI-Grid配置。

   angular.module('myApp', ['ui.grid', 'ui.grid.exporter', 'ui.grid.exporter.pdf'])
   .controller('myController', function($scope) {
     $scope.gridOptions = {
       columnDefs: [
         { name: 'name', displayName: 'Name' },
         { name: 'age', displayName: 'Age' },
         { name: 'gender', displayName: 'Gender' }
       ],
       data: [
         { name: 'John', age: 25, gender: 'Male' },
         { name: 'Jane', age: 30, gender: 'Female' },
         { name: 'Bob', age: 35, gender: 'Male' }
       ]
     };
   });
   

4. 添加导出按钮： 在HTML页面中添加一个导出按钮，以便用户可以点击按钮将数据导出为PDF文件。

   Export PDF
   

5. 导出PDF功能： 在控制器中添加一个导出PDF的函数，该函数将使用UI-Grid的导出器服务将数据导出为PDF文件。

   $scope.exportPDF = function() {
     var exportData = $scope.gridApi.exporter.pdfExport('all', 'all');
     var pdfFile = new Blob([exportData], { type: 'application/pdf' });
     var downloadLink = angular.element('');
     downloadLink.attr('href', window.URL.createObjectURL(pdfFile));
     downloadLink.attr('download', 'gridData.pdf');
     downloadLink[0].click();
   };
   

以上代码示例中，我们通过使用UI-Grid的导出器服务将数据导出为PDF文件。在点击导出按钮时，将调用exportPDF函数，该函数将数据导出为PDF文件，并通过创建一个虚拟的下载链接来下载该文件。

希望以上解决方法能帮助到你！