title: Ionic angular: opening links in (external) mobile browser
body: <p>I do not want links to open inside my Ionic app, so I'm trying to get the links to open in the mobile browser.
  The first example here is working fine. When the URL is inside of the "window.open" command, then the external browser is launched as expected.</p>
  
  <pre><code>            &lt;p class="descriptive-class"&gt;
                 &lt;a ng-href="" onclick="window.open('https://stackoverflow.com', '_system', 'location=yes')"&gt;
                    &lt;img src="assets/img/awesome_picture.png" alt="blablabla"&gt;
                 &lt;/a&gt;
              &lt;/p&gt;
  </code></pre>
  
  <p>The problem lays with this part, where I want to feed a parameter for the URL to the code. I cannot set it directly inside "window.open()", so I have to move it to 'ng-href' and then refer to it via 'this.href'.</p>
  
  <p>Android does not seem to understand this correctly. It shows me the "Complete action using" dialog on Android, and then presents HTML document handler applications. It does not understand the browser link.</p>
  
  <p>How can this be corrected best?</p>
  
  <pre><code>            &lt;p class="descriptive-class"&gt;
                 &lt;a href="#" ng-href="item.webURL" onclick="window.open(this.href, '_system', 'location=yes')"&gt;
                    {{ item.webURL }}
                 &lt;/a&gt;
             &lt;/p&gt;
  </code></pre>