title: ui-sref link to external url / make ng-href link to display with in template
body: <p>I have menu, when i click on menu i want html page to be displayed within the same page. I am displaying html content in body of my parent html.I used ui-sref and it works fine when i link to html page but it does not work when i link to external site eg: google.com. Please let me know how to open external link using ui-sref. Is there any other way to do other than ui-sref? i used ng-href, but the problem is it will open new page . i want content of google.com inside my html page with menu bar displaying and in body i should be able to display google.com site . Please let me know is there any way to do this.</p>
  
  <p>Note: i dont want to redirect to new page. I want html content to be displayed inside parent html . In my case i have menu bar in parent html. when i click on link in menu bar child html should be displayed inside parent template and i should be seeing both menu bar and child html page . Is there any way to do this in angular js? </p>
  
  <pre><code> $stateProvider
          .state('home', {
              url: '/home',
              templateUrl: 'home.html' //working fine
          })
           .state('about', {
               url: '/about',
               templateUrl: 'http:google.com' //not working
           })
  </code></pre>
  
  <p>here is the plunker <a href="https://plnkr.co/edit/RB5rxEvxxeN7T5fufSeV" rel="nofollow">https://plnkr.co/edit/RB5rxEvxxeN7T5fufSeV</a></p>
  
  <p>Please let me know is there any way to do this. If it is not possible in ui-sref then please let me know alternate way to do this in angular</p>