File download link with angular UI-Router

Question

Sto cercando di creare un collegamento semplice nella mia app angularJS ai file che sono stati caricati. Non ho alcun problema a produrre il collegamento, in quanto è piuttosto banale. Il problema che ho, tuttavia, è che il sistema di routing I ha intercettato il collegamento e tenta di caricarlo all'interno di un angolo, che ovviamente fallisce e ritorna semplicemente alla rotta predefinita. Questo ovviamente non è il comportamento che voglio. I miei links sono prodotti utilizzando

<a href="{{doc.url}}">{{doc.name}}</a> 

Ho anche provato con

<a ng-href="{{doc.url}}">{{doc.name}}</a> 

Ma ovviamente questo non cambia il link risultante. L'HTML risultante è

<a class="ng-binding" href="/uploads/attachment/file/13/FILENAME.pdf">FILENAME.pdf</a> 

Quale è corretto. Ora, però, nel momento in cui clicco il link, torno alla mia rotta predefinita. Cosa posso fare per impedire a ui-router di tentare di gestire questo collegamento?

Answer 1

Google mi ha dato questo:

"Se non si desidera AngularJS a "intrappolare" i collegamenti in ancoraggi, aggiungere target =" _ self"

<a href="..." target="_self">On Error GoTo Hell</a> 

fonte:. https://coderwall.com/p/em4vua

Btw, la prossima volta forse non taggare questo RoR, in quanto è puramente un problema angularjs