Звичайні посилання Angularjs з html5Mode

Я працюю з angularjs в режимі html 5. Що, здається, бере на себе контроль над усіма href-файлами на сторінці. Але що, якщо я хочу мати посилання на щось у тому самому домені програми, але насправді не в додатку. Прикладом може бути pdf.

Якщо я виконую <a href="https://stackoverflow.com/pdfurl">angular, я просто спробую використовувати html5mode і використовувати постачальника маршрутів, щоб визначити, який вигляд слід завантажити. Але я насправді хочу, щоб браузер переходив на цю сторінку звичайним способом.

Єдиний спосіб це зробити - це скласти правило з провайдером маршруту і переспрямувати на правильну сторінку з window.location?

в режимі HTML5 є три ситуації, коли тег A не переписується: з кутових документів

• Посилання, що містять targetатрибут. Приклад:<a href="https://stackoverflow.com/ext/link?a=b" target="_self">link</a>
• Абсолютні посилання, що вказують на інший домен Example: <a href="http://angularjs.org/">link</a>
• Посилання, що починаються на '/', що ведуть до іншого базового шляху, коли baseвін визначенийExample: <a href="https://stackoverflow.com/not-my-base/link">link</a>

так що ваш випадок буде 1. додати target="_self"

Починаючи з Angular v1.3.0, є нова rewriteLinksопція конфігурації для постачальника місцезнаходження. Це вимикає "викрадення" всіх посилань на сторінці:

module.config(function ($locationProvider) {
    $locationProvider.html5Mode({
        enabled: true,
        rewriteLinks: false
    });
});

Хоча вимкнення такої поведінки для всіх посилань може бути не вашим наміром, я публікую це для інших, хто, як і я, хоче використовувати $locationв режимі html5 лише для зміни URL-адреси, не впливаючи на всі посилання.

Якщо ви не хочете, щоб Angular взяв контроль над href. Розмістіть цільовий атрибут на посиланні.

Отже, PDF буде передавати html5mode і routeProvider, а браузер просто перейде на цю URL-адресу.

Інше рішення. Всі посилання працюватимуть нормально (перезавантажити сторінку). Посилання, позначені позначкою, ng-href="https://stackoverflow.com/path"будуть відтворюватися на pushState. Невеликий хак-хакер з цим допоможе.

.config(["$locationProvider", function($locationProvider) {
    // hack for html5Mode customization
    $('a').each(function(){
        $a = $(this);
        if ($a.is('[target]') || $a.is('[ng-href]')){
        } else {
            $a.attr('target', '_self');
        }
    });

    $locationProvider.html5Mode(true);
}])