私はダッシュボードのコンテンツに（外部URL「<a href="http://google.com" rel="nofollow">http://google.com</a>」）のURLをロードしたい

Question

ダッシュボードコンテンツの外部URLをロードし、私はダッシュボードのコンテンツ内の外部URLをロードするために、このコード

.state('app.urlloading', { 
    url: '/url-loading', 
    controller:function($window){ 

     $window.location.href = 'https://google.com'; 

    }, 
    templateUrl: 'views/tmpl/url-loading.html' 
    }) 

1）ことが可能ですしてみました？、私はダッシュボードのサイドバー上のボタンをクリックした場合のみ、ダッシュボードのコンテンツは現在、全体のダッシュボードには、Googleのページにリダイレクトし、ボタンをクリックした後消えている、URL保持サイドバーやヘッダが表示されます。

Answer 1

あなたはLOCATION.HREF、ページ全体の変更を変更した場合。静的なHTMLリンクが重要でない状態から使用可能な静的HTMLは、外部であるかどうかに関係なく使用できます。

<div class="wrapper"> 
<div class="h_iframe"> 
    <!-- a transparent image is preferable --> 
    <img class="ratio" src="http://placehold.it/16x9"/> 
    <iframe src="http://www.youtube.com/embed/WsFWhL4Y84Y" frameborder="0" allowfullscreen></iframe> 
</div> 
<p>Please scale the "result" window to notice the effect.</p> 

しかし、あなたは正確に何を望むされている。このようなアイフレームを使用することができます。

Answer 2

あなたがtemplate & controllerそれを用いた貴様URLを開く必要がある場合iframe

のurl-loading.html

<iframe src="https://google.com"></iframe> 

を使用することについて、あなたは使用することができますどのようなresolver

// loading google 
.state('app.urlloading', { 
    url: '/url-loading-google', 
    controller:'UrlLoadingCtrl' 
    resolve { 
     url : function(){ 
      return "https://www.google.com" 
     } 
    } 
    templateUrl: 'views/tmpl/url-loading.html' 
    }) 

// loading twitter 
.state('app.urlloading', { 
    url: '/url-loading-twitter', 
    controller:'UrlLoadingCtrl' 
    resolve { 
     url : function(){ 
      return "https://www.twitter.com" 
     } 
    } 
    templateUrl: 'views/tmpl/url-loading.html' 
    }) 

コントローラ

.controller('UrlLoadingCtrl', [ 'url', '$scope', function(url, $scope){ 
    $scope.url = url; 
}) 

のurl-loading.html

<iframe src="{{url}}"></iframe>