在新標簽iframe角度和非角度應用中打開相同的網址

Question

我對角度和前端技術非常陌生。 我有一個很大的現有應用程序。 我們正在將其轉換為角度。 因此，我們將Angle作為主要應用程序並將舊應用程序加載到iFrame中。

當用戶點擊www.xyz.com/dashboard時，我的有角度的應用程序就會運行。此URL在我的瀏覽器中從未更改，並且舊的應用程序內容已加載到iFrame中。 當用戶從一頁導航到另一頁時，iFrame源URL會更改。

現在，當用戶右鍵單擊iFrame中的任何鏈接，然后單擊以在新標簽頁中打開時，應用程序頁面將在新標簽頁中打開，但是它會加載舊網址，例如www.xyz.com/oldApp/clicked/page/

我想做的是，如果用戶在iFreame（舊應用程序）中打開任何鏈接，則應在新標簽頁中打開頁面，但在瀏覽器中使用當前URL（www.xyz.com/dashboard）。

Answer 1

我得到了答案。 它檢查URL是否正在iframe或父窗口中加載。 如果它是父窗口，則將其重定向到角度URL。 角度URL知道需要在框架中加載哪個頁面，而該頁面是lastVistitedPage

var iFrameDetection = (window === window.parent) ? false : true;
if(!iFrameDetection) {
    setCookie("lastVistitedPage", location, "3");
    var newUrl = window.location.origin;
    newUrl = newUrl.replace("8080", "4200");
    window.location.href = newUrl + "/dashboard";
}else {
    $(window).on( 'hashchange', function( e ) {
        postMessageForDocTitle();
    });
    postMessageForDocTitle();
}

}