Angular 2 download file from assets

I have no clue why it works on localhost correctly but does not work on an external domain. Thanks in advance. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Asked 3 years, 9 months ago.

Active 7 months ago. Viewed 5k times. Improve this question. It's after the packs are updated npm update I can attach an icon. Need verify package versions. Need verify css file. I am having the same issue, Angular CLI: 6. Can you try using the binding.. Figured it out, apparently file names are case sensitive. Try increasing the width and height of the image. It worked for me. Interestingly, on deploying the same app to any other static host like Surge, it works fine, so I determined it must be specifically a Firebase problem.

This worked fine! So then I tried directly accessing [my-site-name]. I suspect this is the source of our problem. I tried turning off Firebase's redirects completely, but then it still redirected me to my root index. I do not understand why this occurs.

Working with angular-cli : 6. CSS images with relative path not included in production build It worked for me You really did not get this I have the same problem: angular. Our Team encounters the same issue today. We are building the "--prod" version. For anyone still having this issue, this was fixed it for me: Open your tsconfig. Change this: "outDir": ". This action has been performed automatically by a bot.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? When you use the code for displaying data on browser inside download function of controller code and click on button or link, then you should see below output:. For server side code you can read the post on Download file using Angular and Spring Boot. Hi, There is no such step other than running the command for installing file-saver package.

You can check what goes wrong in the browser conaole. If only more tutorials on Angular were as succinctly and thoughtfully written as this. Well done!! I need to show save dialog box to user so he can save file any where.

Hi, thank you for your helpful post. Do you know how to download files bigger than 2GB and save them directly on the filesystem? It seems that this way the file lands first in the memory of the browser. Your email address will not be published. Roy Tutorials Technical… Theoretical… Practical…. To achieve this, you can use the objects for assets configurations, instead of a simple path string shown above.

Inside this object you need to specify the following properties:. For instance, if you wanted a different set of assets for productions, you just need to add the assets array, with necessary assets:. NB: By adding an assets array for a specific build environment i. By default, Angular CLI adds an empty stylesheet file — styles. The extension of that file will depend on the stylesheet you chose when you were prompted for when you were creating a new project.

Remember to change the stylesheet extension appropriately. But things are never that easy, inside angular.

Inside the two arrays, you can add paths to your styles and scripts, in the appropriate array. Unlike the assets array above, where the files are simply copied over to the build directory, this will be bundled in to the angular final build bundles.

This will allow you to specify how each style or script will be built. The object configuration can have up to 3 fields:.