angular2: warum window.location.href bewirkt Seitenaktualisierung in Firefox, aber href nicht

Question

Ich arbeite mit Angular2 und ich habe eine Methode zum Download der Datei ... alles funktioniert gut, aber ich war mit einem <a> und heruntergeladen die Dateien mit href='routetodownload' Ich wurde gebeten, diesen Link in einigen Fällen zu deaktivieren und dann beschlossen, die <a> von <button> (der Link funktionierte als Knopf in beide Richtungen) und dies zu tun, anstatt das href Attribut zu verwenden, habe ich erstellt Funktion.
HTML

<button (click)="download(url)">download</button> 

Typoskript

download(url) { 
    window.location.href = url; 
} 

aber dies verursacht ein seltsames Verhalten auf Firefox, wenn ich den Download klicken, um das Dialogfeld angezeigt speichern, aber dahinter, die Seite zu aktualisieren. Bei der Verwendung von <a href='url'> wird die Seite nicht aktualisiert, wenn das Dialogfeld Speichern als angezeigt wird

Dies geschieht nur mit Firefox ... Edge und Chrome in beiden Situationen funktioniert gut.

Ich frage mich, warum window.location.href Autorefresh auf Firefox verursacht.

Wenn jemand eine Ahnung darüber haben, informieren Sie mich bitte

UPDATE

Das Problem war immerhin der NG Live Development Server (von Winkel-cli ng serve Befehl) ... Ich habe keine Ahnung Warum passiert das nur mit Firefox? Die Sache ist, meine App ist auf IIS gehostet und ich habe keine Aktualisierung in meiner Lösung mit damit.

Ich werde später mit Jungs aus Winkel-cli Team überprüfen, was dieses Verhalten sein kann ...

Vielen Dank.

Grüße

Answer 1

Dies ist nur auf dem lokalen Winkel-cli Live-Server geschieht, weil standardmäßig alle Routen zum /index.html geroutet, die die Wurzel von Ihrer Anwendung. Der angulare Router findet Ihre Datei-URL nicht und führt Sie nur zur Standardroute.

Answer 2

ich dies immer wie folgt:

<a href="/images/myw3schoolsimage.jpg" download>

den Download-Attribut für bessere Ergebnisse hinzufügen.

Answer 3

window.location.href versuchen, eine andere HTML-Seite zu laden, aber Sie sind in einem Ausnahmefall.

Sie sollten es ersetzen durch:

download(url) { 
    window.open(url); 
} 

Oder so etwas wie dies versuchen:

download(url) { 
    link = document.createElement('a'); 
    link.href = url; 
    ... 
    document.body.appendChild(link); 
    link.click(); 
    document.body.removeChild(link); 
} 

Answer 4

Eine Alternative Ihr Link zu deaktivieren, ist ein Javascript zu verwenden, um den Hyperlink Aktivierungsereignis abzubrechen.

Einige Ereignisse sind als abbrechbar angegeben. Für diese Ereignisse verfügt die DOM-Implementierung in der Regel über eine Standardaktion, die dem Ereignis zugeordnet ist. Ein Beispiel dafür ist ein Hyperlink in einem Webbrowser. Wenn der Benutzer auf den Hyperlink klickt, wird standardmäßig dieser Hyperlink aktiviert.Vor der Verarbeitung dieser Ereignisse muss die Implementierung nach Ereignis-Listenern suchen, die für den Empfang des Ereignisses registriert sind, und das Ereignis an diese Listener senden. Diese Listener haben dann die Option, die Standardaktion der Implementierung abzubrechen oder es der Standardaktion zu erlauben, fortzufahren. Im Fall des Hyperlinks im Browser würde das Abbrechen der Aktion dazu führen, dass der Hyperlink nicht aktiviert wird.

https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-cancelation

Zum Beispiel:

<a [attr.href]="isDisabled(link) ? null : 'link.href'" 
    [class.disabled]="isDisabled(link)" 
    (click)="!isDisabled(link)"> 
    {{ link.name}} 
</a>