ui-sref链接到外部url / make ng-href链接以在模板中显示

Question

我有菜单，当我点击菜单时，我希望html页面显示在同一页面内。我在我的父html的主体中显示html内容。我使用了ui-sref，当我链接到html页面时它工作正常，但是当我链接到外部网站时它不起作用，例如：google.com。请告诉我如何使用ui-sref打开外部链接。除了ui-sref之外还有其他办法吗？我使用ng-href，但问题是它会打开新页面。我希望google.com的内容在我的html页面内显示菜单栏，在体内我应该能够显示google.com网站。请告诉我有没有办法做到这一点。

注意：我不想重定向到新页面。我希望html内容显示在父html中。在我的情况下，我在父HTML中有菜单栏。当我点击菜单栏中的链接时，子html应显示在父模板中，我应该看到菜单栏和子html页面。有没有办法在角度js中这样做？

 $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: 'home.html' //working fine
        })
         .state('about', {
             url: '/about',
             templateUrl: 'http:google.com' //not working
         })

这里是plunker https://plnkr.co/edit/RB5rxEvxxeN7T5fufSeV

请告诉我有没有办法做到这一点。如果在ui-sref中不可能，那么请让我知道以角度

执行此操作的替代方法