ionic link side menu item to external website

Question

I am trying to link the side menu item to an external website, but it doesn't seem to work

Below is my code

{
  title: 'Word of the Week',
  url: '/word',
  icon: './assets/sample-icons/side-menu/word.svg'
},
{
  title: 'Facebook',
  url: 'https://www.fb.com',
  icon: './assets/sample-icons/side-menu/fb.svg'
},

I tried removing https, starting with www and other modifications but they don't seem to make it work

Any help would be appreciated

I checked this question https://stackoverflow.com/questions/52427032/ but that doesn't seem to provide solution to my problem — Vignesh Subramanian, Dec 06 '19 at 00:08
you can acheve this by using [InAppBrowser](https://ionicframework.com/docs/native/in-app-browser) plugin. — Naseer, Dec 06 '19 at 05:08

score 0 · Answer 1 · answered Dec 06 '19 at 01:59

0

This happens because Angular escapes the URL for security reasons (see https://angular.io/api/platform-browser/DomSanitizer ).

Here is a good solution, that uses a redirect guard: https://stackoverflow.com/a/51059505/3530591

answered Dec 06 '19 at 01:59

below43

509
6
8

ionic link side menu item to external website

1 Answers1