translate string to downloadable txt file Angularjs

Question

I have a table which is generated using a angular repeat

<tr ng-repeat="result in vm.results">
    <td>
        <a download="Generated.txt" href="data:text/plain;charset=utf-8," + {{result.generatedOutput}}>Download</a>
    </td>
<tr>

I have checked the results and result.generatedOutput has a value in it. But when ever i download the file it is blank. If i hardcode the value in like follows it works

<a download="Generated.txt" href="data:text/plain;charset=utf-8,sosososososlaksakldsa">Download</a>

score 1 · Accepted Answer · edited May 23 '17 at 12:00

1

The string should be added to href as follows:

<tr ng-repeat="result in vm.results">
    <td>
        <a download="Generated.txt" href="data:text/plain;charset=utf-8,{{result.generatedOutput}}">Download</a>
    </td>
<tr>

Also note that in Chrome this approach doesn't work, read more here: Force download of 'data:text/plain' URL

edited May 23 '17 at 12:00

Community

1
1

answered Oct 28 '16 at 14:31

W4pp

145
8

So that now works but i get a network error when i try to download. – MicroMan Oct 28 '16 at 14:42
In chrome that is – MicroMan Oct 28 '16 at 15:09

score 0 · Answer 2 · answered Oct 28 '16 at 14:33

Use ng-href instead of href. This will force the href attribute to only be constructed when Angular has parsing the file, which includes the {{}} values. More about ng-href here.

<a download="Generated.txt" ng-href="data:text/plain;charset=utf-8,{{result.generatedOutput}}">Download</a>

translate string to downloadable txt file Angularjs

2 Answers2