Angularjs ui sref指向外部url的链接/make ng href指向在模板中显示的链接

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

注意：我不想重定向到新页面。我希望html内容显示在父html中。在我的例子中，我有父html中的菜单栏。当我点击菜单栏中的链接时，子html应该显示在父模板中，我应该看到菜单栏和子html页面。在angular js中有什么方法可以做到这一点吗

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

这是普朗克

---

请让我知道有没有办法做到这一点。如果在ui sref中不可能，请让我知道在angular中执行此操作的其他方法。

我想这会对您有所帮助。.我尝试过，但它会重定向到google.com页面。我希望google.com显示在我的页面中，这样我就可以同时看到菜单和google页面。i、 谷歌页面显示在我的菜单栏的主体内。。你可以做的第一件事是在我们的域中加载其他域。。您可以不遵守跨来源策略规则。。要在页面上加载其他域，您需要借助

iframe

，它将在您的应用程序中呈现其他域URL页面。。我怀疑google.com是否会加载

iframe

。外部链接在iframe中工作吗？在实际的senario中，我想链接到外部服务器，而不是google。我只是以谷歌为例。我可以用iframe打开外部服务器中的开放链接吗？非常感谢Pankaj，它帮助了我