ngx-extended-pdf-viewer | blown PDF viewer | Document Editor library

In my Angular app, I have installed via npm the ngx-extended-pdf-viewer so that I can display the content of pdf files.

As per instructions, I have included the following in my angular.json file:

I have created an webapplication with Angular 11. Now, the customer will run it with IE11 (for showing a webpage on a big TV-Screen which still exists and have an integrated IE11-Browser)

for this,, I have set up all this

https://angular.io/guide/deployment#local-development-in-older-browsers

and uncommented the lines in polyfills.ts (and run the npm-commands):

I'm trying to use ngx-extended-pdf-viewer in an Angular project that uses amd.min.js as an dependency. If I remove amd as an dependency it's working fine. But sadly I can't remove it as, a lot of other things are dependent on it.

Here's the reproducible html.

I was using Angular 11 with Angular Material 11. I group multiple angular project into one. All of those projects are working. Now, we are using Angular 9 with Angular Material 9.

We only change the structure, but the code is the same (the app.module.ts is also the same). It's just that package are manage by the main project and not my own only.

But there is a problem with this fusion. It's with the dialog which was :

And know is :

which is a little bit different.

Parts of my app.module.ts :

I am using the latest stable version of ngx-extended-pdf-viewer (4.1.2) and Angular 9.1. Everything work's great but after the application is built certain PDF-files don't show any text. It turns out that the reason was that the request for the .bcmap files fails.

Instead of requesting the bcmap files from: my-application/en/assets/cmaps/Adobe-CNS1-UCS2.bcmap

... the bcmap files are actually requested from: my-application/assets/cmaps/Adobe-CNS1-UCS2.bcmap

I don't understand that behaviour since the pdf.worker.min.js is correctly requested from my-application/en/assets/.

My angular.json assets setting looks like this:

I am using the ngx-extended-pdf-viewer and I want to add a div on each page.. It works as expected.. my dom looks like this: (the div with the class="con" was added by me)

Screenshot dom with div

but if I am going to push the zoom button - the added div disappears..

Screenshot dom without div

My Code looks like this:

I am currently working with ngx-extended-pdf-viewer with Angular8+ to render a PDF, it doesn't work. And I keep getting the runtime error "Can't bind to 'src' since it isn't a known property of 'pdf-viewer'".

Does anyone know why this is?

Here is my HTML:

I'm pretty new to Angular, and can't seem to work out how to organize my code properly.

I have a page called BudgetComponent, which belongs to BudgetModule. BudgetComponent displays an accordion list of AccordionItemComponents. I want to use these Accordion Components elsewhere, which is why they're their own component class.

The AccordionItemComponent has an img that when clicked opens a MatDialogue. The MatDialogue contains a reference to an imported module ngx-extended-pdf-viewer (from an online library).

I have created an AccordionItemModule (which I'm not is necessary/correct) to house the corresponding component, but then I'm not sure how to make instances of this in my ngFor.

I'm really struggling to figure out which components should belong to which modules, and how to make all of this work, so that another component (with it's own module like Budget (ie Schedule)), can also reference AccordionItems. I'm not sure if I'm missing necessary routing or export logic, or what...

I have included a diagram to make sure the intended use is clear.

Thanks for any help.