【问题标题】:ngx-extended-pdf-viewer 9.0.0-alpha.3 IT DOES NOT WORK filenameForDowloadngx-extended-pdf-viewer 9.0.0-alpha.3 它不工作 filenameForDowload
【发布时间】:2021-07-08 23:01:30
【问题描述】:

晚上好。如果有人可以帮我解决这个问题:我正在尝试在下载 pdf 时更改文件的名称,但我不能我正在使用 [filenameForDowload] 作为文档所述但我无法解决它,我离开他们因为我已经编码了

angular.json

...
build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "www",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "assets": [
              {
                "glob": "**/*",
                "input": "src/assets",
                "output": "assets"
              },
              {
                "glob": "**/*.svg",
                "input": "node_modules/ionicons/dist/ionicons/svg",
                "output": "./svg"
              },
              {
                "glob": "web.config",
                "input": "src/",
                "output": "/"
              },
              {
                "glob": "**/*",
                "input": "node_modules/ngx-extended-pdf-viewer/bleeding-edge/",
                "output": "/bleeding-edge/"
              },
              "src/manifest.webmanifest"
            ],
            "styles": [
              {
                "input": "src/theme/variables.scss"
              },
              {
                "input": "src/global.scss"
              }
            ],
            "scripts": []
          },

app.module.ts

    import {  NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
    ..
         imports: [
            ...
            NgxExtendedPdfViewerModule,
          ], 
...

my_componet.ts

import { NgxExtendedPdfViewerService } from 'ngx-extended-pdf-viewer';
import { pdfDefaultOptions } from 'ngx-extended-pdf-viewer';
...

constructor(
    private ngxExtendedPdfViewerService: NgxExtendedPdfViewerService
  ) { 
    pdfDefaultOptions.assetsFolder = 'bleeding-edge';
   }

my_html.html

...
<ngx-extended-pdf-viewer
                           [base64Src]="docBase64"
                           useBrowserLocale="true"
                           height="100vh"
                           [filenameForDownload]="filename"
  ></ngx-extended-pdf-viewer>

我不知道这是否是我配置的问题,但是当我定义一个名称时,它只返回默认为 document.pdf 的名称 如果有人可以帮我解决这个问题,我将不胜感激

【问题讨论】:

    标签: angular ngx-extended-pdf-viewer


    【解决方案1】:

    我能够找到我的问题所在:我必须更改我的 angular.json 文件 ->

    "input": "node_modules / ngx-extended-pdf-viewer / bleeding-edge /",
     "output": "/ bleeding-edge /" 
    by 
    "input": "node_modules / ngx-extended-pdf-viewer / assets /",
     "output": "/ assets /"
    

    并在 my_componet.ts 中更改

    pdfDefaultOptions.assetsFolder = 'bleeding-edge'; 
    by 
    pdfDefaultOptions.assetsFolder = 'assets';
    

    而且刚才我在下载的时候可以改文件名,好像是你用的bleeding-edge的时候有些地方不太好,或者也很有可能是我做错了,反正我走了解决方法

    【讨论】:

    • 当前版本还存在问题吗?至此,昔日的“流血边缘”已成为“资产”分支。
    猜你喜欢
    • 2020-05-31
    • 2021-11-05
    • 2021-11-13
    • 2021-06-17
    • 1970-01-01
    • 2019-11-10
    • 2019-11-13
    • 2022-11-29
    • 2021-11-04
    相关资源
    最近更新 更多