Angularjs Liên kết bình thường với html5Mode

Tôi đang làm việc với anglejs ở chế độ html 5. Điều này dường như kiểm soát tất cả các href trên trang. Nhưng điều gì sẽ xảy ra nếu tôi muốn có một liên kết đến một cái gì đó trong cùng một miền của ứng dụng nhưng không thực sự có trong ứng dụng. Một ví dụ sẽ là một pdf.

Nếu tôi làm theo <a href="https://stackoverflow.com/pdfurl">góc, tôi sẽ chỉ cố gắng sử dụng html5mode và sử dụng trình cung cấp tuyến đường để xác định chế độ xem nào nên được tải. Nhưng tôi thực sự muốn trình duyệt truy cập trang đó theo cách bình thường.

Có phải cách duy nhất để làm điều này là tạo quy tắc với nhà cung cấp tuyến đường và chuyển hướng đó đến đúng trang bằng window.location?

ở chế độ HTML5, có ba trường hợp mà thẻ A không được viết lại: từ các tài liệu góc

• Các liên kết có chứa một targetthuộc tính. Thí dụ:<a href="https://stackoverflow.com/ext/link?a=b" target="_self">link</a>
• Các liên kết tuyệt đối trỏ đến một miền khác Example: <a href="http://angularjs.org/">link</a>
• Các liên kết bắt đầu bằng '/' dẫn đến một đường dẫn cơ sở khác khi baseđược xác địnhExample: <a href="https://stackoverflow.com/not-my-base/link">link</a>

vì vậy trường hợp của bạn sẽ là 1. thêm target="_self"

Kể từ phiên bản Angular v1.3.0, có một rewriteLinkstùy chọn cấu hình mới cho nhà cung cấp vị trí. Điều này sẽ tắt "chiếm quyền điều khiển" tất cả các liên kết trên trang:

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

Mặc dù việc vô hiệu hóa hành vi này cho tất cả các liên kết có thể không phải là ý định của bạn, nhưng tôi đăng bài này cho những người khác, như tôi, chỉ muốn sử dụng $locationở chế độ html5 để thay đổi URL mà không ảnh hưởng đến tất cả các liên kết.

Nếu bạn không muốn Angular kiểm soát href. Đặt một thuộc tính mục tiêu trên liên kết.

Vì vậy, PDF sẽ thông qua html5mode và routeProvider và trình duyệt sẽ chỉ chuyển đến url đó.

Giải pháp khác. Tất cả các liên kết sẽ hoạt động bình thường (tải lại trang). Các liên kết được đánh dấu bằng ng-href="https://stackoverflow.com/path"sẽ phát trên pushState. Giúp đỡ hack JS nhỏ với nó.

.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);
}])