Styjun

How can I deal with extreme temperatures in a hotel room?

What exactly did Ant-Man see that made him say that their plan worked?

Golf the smallest circle!

How to add text on top of symbols for vector layers in QGIS

Could a Weapon of Mass Destruction, targeting only humans, be developed?

Why is Silver Fang rated as S-class Rank 3 hero?

What is "oversubscription" in Networking?

How is this practical and very old scene shot?

Why do we use a cylinder as a Gaussian surface for infinitely long charged wire?

What does grep -v "grep" mean and do?

How to answer "write something on the board"?

If two black hole event horizons overlap (touch) can they ever separate again?

Why transcripts instead of degree certificates?

Is there reliable evidence that depleted uranium from the 1999 NATO bombing is causing cancer in Serbia?

Most elegant way to write a one shot IF

Cast volatile array to non volatile array

How can I specify a local port when establishing SSH connections?

Is there a legal way for US presidents to extend their terms beyond four years?

cannot execute script while its permission is 'x'

Breakups - Makeups

Who voices the character "Finger" in The Fifth Element?

Movie with Zoltar, a trailer park named Paradise and a boy playing a video game and being recruited by aliens to fight in space

Boolean Difference with Offset?

Pairwise Scatter Plots with Histograms and Correlations

Open an external URL in popup on click in angular 4

Angular HTML bindingIn Angular, how do you determine the active route?How to redirect to an external URL in Angular2?Angular DI Error - EXCEPTION: Can't resolve all parametersAngular 2 - Redirect to an external URL and open in a new tabOpen an external URL from within Angular ComponentHow to set environment via `ng serve` in Angular 6Open PDF document without popup blockerHow can I open external link in angular cli?Angular 6 PopUp

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I am giving a link to the external web address in my angular 4 apps. I need to open the site in a popup without an address bar.

angular angular6

share|improve this question

edited Mar 25 at 16:01

Egon Allison

90011 gold badge55 silver badges1919 bronze badges

asked Mar 25 at 13:27

user9040429user9040429

29244 silver badges1616 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You mean with an iframe?
  
  – Antoine Delia
  Mar 25 at 13:28
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  any other alternative ?
  
  – user9040429
  Mar 25 at 13:34
  

  
  
  
  

add a comment | 

0

I am giving a link to the external web address in my angular 4 apps. I need to open the site in a popup without an address bar.

angular angular6

share|improve this question

edited Mar 25 at 16:01

Egon Allison

90011 gold badge55 silver badges1919 bronze badges

asked Mar 25 at 13:27

user9040429user9040429

29244 silver badges1616 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You mean with an iframe?
  
  – Antoine Delia
  Mar 25 at 13:28
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  any other alternative ?
  
  – user9040429
  Mar 25 at 13:34
  

  
  
  
  

add a comment | 

I am giving a link to the external web address in my angular 4 apps. I need to open the site in a popup without an address bar.

angular angular6

share|improve this question

edited Mar 25 at 16:01

Egon Allison

90011 gold badge55 silver badges1919 bronze badges

asked Mar 25 at 13:27

user9040429user9040429

29244 silver badges1616 bronze badges

angular angular6

angular angular6

share|improve this question

edited Mar 25 at 16:01

Egon Allison

90011 gold badge55 silver badges1919 bronze badges

asked Mar 25 at 13:27

user9040429user9040429

29244 silver badges1616 bronze badges

share|improve this question

edited Mar 25 at 16:01

Egon Allison

90011 gold badge55 silver badges1919 bronze badges

asked Mar 25 at 13:27

user9040429user9040429

29244 silver badges1616 bronze badges

edited Mar 25 at 16:01

Egon Allison

90011 gold badge55 silver badges1919 bronze badges

edited Mar 25 at 16:01

Egon Allison

90011 gold badge55 silver badges1919 bronze badges

asked Mar 25 at 13:27

user9040429user9040429

29244 silver badges1616 bronze badges

asked Mar 25 at 13:27

user9040429user9040429

29244 silver badges1616 bronze badges

4 Answers
4

active

oldest

votes

0

check Mozilla documentation
https://developer.mozilla.org/en-US/docs/Web/API/Window/open

In internet explorer, if the new url is from the same domain as the current url, the window will be open without an address bar. Otherwise, it will cause an address bar to appear. One workaround is to open a page from the same domain and then redirect from that page.

window.open('https://yourSite.com', 'winname', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=350');

share|improve this answer

answered Mar 25 at 13:43

Boris AdamyanBoris Adamyan

1241010 bronze badges

add a comment | 

0

you can use like this

<a [href]="www.yourlink.com" target="_blank">

share|improve this answer

answered Mar 25 at 13:46

Pooja GhetiaPooja Ghetia

6077 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi! While this may be an answer to the question (untested), code only answers are discouraged on SO. Please consider adding an explanation to your answer to help OP better understand, and to provide greater benefit to future visitors of the site. Thanks!
  
  – d_kennetz
  Mar 25 at 15:43
  

  
  
  
  

add a comment | 

0

Usually, you should avoid opening links in a popup window as it is not the best user experience practice, however, you can open up a link using good old <a> tag as follows and by putting the target property to popup you can achieve what you need.

<a href="https://google.com" 
 target="popup" 
 onclick="window.open('https://google.com','popup','width=200,height=200,'); return false;">
 Pop Up
</a>

here you can find more properties that can be set to add more behavior to the popup. i.e. in case, you don't want the user to resize the window you can set resizable=no (doesn't work on Chrome*).
P.S. Please check the support of different browsers for the options you need.

share|improve this answer

answered Mar 26 at 9:04

ThrillerThriller

34933 silver badges1010 bronze badges

add a comment | 

0

You can use bootstrap modal popup and iframe to render your site.

<iframe [src]="yourURL" width="700" height="800" ></iframe>

share|improve this answer

answered Mar 26 at 9:12

leka patrickleka patrick

2633 bronze badges

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55338904%2fopen-an-external-url-in-popup-on-click-in-angular-4%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

check Mozilla documentation
https://developer.mozilla.org/en-US/docs/Web/API/Window/open

In internet explorer, if the new url is from the same domain as the current url, the window will be open without an address bar. Otherwise, it will cause an address bar to appear. One workaround is to open a page from the same domain and then redirect from that page.

window.open('https://yourSite.com', 'winname', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=350');

share|improve this answer

answered Mar 25 at 13:43

Boris AdamyanBoris Adamyan

1241010 bronze badges

add a comment | 

0

check Mozilla documentation
https://developer.mozilla.org/en-US/docs/Web/API/Window/open

In internet explorer, if the new url is from the same domain as the current url, the window will be open without an address bar. Otherwise, it will cause an address bar to appear. One workaround is to open a page from the same domain and then redirect from that page.

window.open('https://yourSite.com', 'winname', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=350');

share|improve this answer

answered Mar 25 at 13:43

Boris AdamyanBoris Adamyan

1241010 bronze badges

add a comment | 

check Mozilla documentation
https://developer.mozilla.org/en-US/docs/Web/API/Window/open

In internet explorer, if the new url is from the same domain as the current url, the window will be open without an address bar. Otherwise, it will cause an address bar to appear. One workaround is to open a page from the same domain and then redirect from that page.

window.open('https://yourSite.com', 'winname', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=350');

share|improve this answer

answered Mar 25 at 13:43

Boris AdamyanBoris Adamyan

1241010 bronze badges

window.open('https://yourSite.com', 'winname', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=350');

share|improve this answer

answered Mar 25 at 13:43

Boris AdamyanBoris Adamyan

1241010 bronze badges

answered Mar 25 at 13:43

Boris AdamyanBoris Adamyan

1241010 bronze badges

answered Mar 25 at 13:43

Boris AdamyanBoris Adamyan

1241010 bronze badges

0

you can use like this

<a [href]="www.yourlink.com" target="_blank">

share|improve this answer

answered Mar 25 at 13:46

Pooja GhetiaPooja Ghetia

6077 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi! While this may be an answer to the question (untested), code only answers are discouraged on SO. Please consider adding an explanation to your answer to help OP better understand, and to provide greater benefit to future visitors of the site. Thanks!
  
  – d_kennetz
  Mar 25 at 15:43
  

  
  
  
  

add a comment | 

0

you can use like this

<a [href]="www.yourlink.com" target="_blank">

share|improve this answer

answered Mar 25 at 13:46

Pooja GhetiaPooja Ghetia

6077 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi! While this may be an answer to the question (untested), code only answers are discouraged on SO. Please consider adding an explanation to your answer to help OP better understand, and to provide greater benefit to future visitors of the site. Thanks!
  
  – d_kennetz
  Mar 25 at 15:43
  

  
  
  
  

add a comment | 

you can use like this

<a [href]="www.yourlink.com" target="_blank">

share|improve this answer

answered Mar 25 at 13:46

Pooja GhetiaPooja Ghetia

6077 bronze badges

<a [href]="www.yourlink.com" target="_blank">

share|improve this answer

answered Mar 25 at 13:46

Pooja GhetiaPooja Ghetia

6077 bronze badges

answered Mar 25 at 13:46

Pooja GhetiaPooja Ghetia

6077 bronze badges

answered Mar 25 at 13:46

Pooja GhetiaPooja Ghetia

6077 bronze badges

0

Usually, you should avoid opening links in a popup window as it is not the best user experience practice, however, you can open up a link using good old <a> tag as follows and by putting the target property to popup you can achieve what you need.

<a href="https://google.com" 
 target="popup" 
 onclick="window.open('https://google.com','popup','width=200,height=200,'); return false;">
 Pop Up
</a>

here you can find more properties that can be set to add more behavior to the popup. i.e. in case, you don't want the user to resize the window you can set resizable=no (doesn't work on Chrome*).
P.S. Please check the support of different browsers for the options you need.

share|improve this answer

answered Mar 26 at 9:04

ThrillerThriller

34933 silver badges1010 bronze badges

add a comment | 

0

Usually, you should avoid opening links in a popup window as it is not the best user experience practice, however, you can open up a link using good old <a> tag as follows and by putting the target property to popup you can achieve what you need.

<a href="https://google.com" 
 target="popup" 
 onclick="window.open('https://google.com','popup','width=200,height=200,'); return false;">
 Pop Up
</a>

here you can find more properties that can be set to add more behavior to the popup. i.e. in case, you don't want the user to resize the window you can set resizable=no (doesn't work on Chrome*).
P.S. Please check the support of different browsers for the options you need.

share|improve this answer

answered Mar 26 at 9:04

ThrillerThriller

34933 silver badges1010 bronze badges

add a comment | 

Usually, you should avoid opening links in a popup window as it is not the best user experience practice, however, you can open up a link using good old <a> tag as follows and by putting the target property to popup you can achieve what you need.

<a href="https://google.com" 
 target="popup" 
 onclick="window.open('https://google.com','popup','width=200,height=200,'); return false;">
 Pop Up
</a>

here you can find more properties that can be set to add more behavior to the popup. i.e. in case, you don't want the user to resize the window you can set resizable=no (doesn't work on Chrome*).
P.S. Please check the support of different browsers for the options you need.

share|improve this answer

answered Mar 26 at 9:04

ThrillerThriller

34933 silver badges1010 bronze badges

<a href="https://google.com" 
 target="popup" 
 onclick="window.open('https://google.com','popup','width=200,height=200,'); return false;">
 Pop Up
</a>

<a href="https://google.com" 
 target="popup" 
 onclick="window.open('https://google.com','popup','width=200,height=200,'); return false;">
 Pop Up
</a>

<a href="https://google.com" 
 target="popup" 
 onclick="window.open('https://google.com','popup','width=200,height=200,'); return false;">
 Pop Up
</a>

share|improve this answer

answered Mar 26 at 9:04

ThrillerThriller

34933 silver badges1010 bronze badges

answered Mar 26 at 9:04

ThrillerThriller

34933 silver badges1010 bronze badges

answered Mar 26 at 9:04

ThrillerThriller

34933 silver badges1010 bronze badges

0

You can use bootstrap modal popup and iframe to render your site.

<iframe [src]="yourURL" width="700" height="800" ></iframe>

share|improve this answer

answered Mar 26 at 9:12

leka patrickleka patrick

2633 bronze badges

add a comment | 

0

You can use bootstrap modal popup and iframe to render your site.

<iframe [src]="yourURL" width="700" height="800" ></iframe>

share|improve this answer

answered Mar 26 at 9:12

leka patrickleka patrick

2633 bronze badges

add a comment | 

You can use bootstrap modal popup and iframe to render your site.

<iframe [src]="yourURL" width="700" height="800" ></iframe>

share|improve this answer

answered Mar 26 at 9:12

leka patrickleka patrick

2633 bronze badges

<iframe [src]="yourURL" width="700" height="800" ></iframe>

share|improve this answer

answered Mar 26 at 9:12

leka patrickleka patrick

2633 bronze badges

answered Mar 26 at 9:12

leka patrickleka patrick

2633 bronze badges

answered Mar 26 at 9:12

leka patrickleka patrick

2633 bronze badges