Блог

Я хочу загрузить URL (внешний URL ‘http://google.com ‘) в содержимом панели мониторинга я попробовал использовать этот код

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

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

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

1) Возможно ли загрузить внешний URL-адрес в содержимое панели мониторинга?, Если я нажму кнопку на боковой панели панели, только содержимое панели мониторинга должно отображать URL-адрес, сохраняющий боковую панель и заголовок, теперь вся панель мониторинга исчезает после нажатия кнопки, а затем перенаправляется на страницу Google.

Как насчет использования iframe

url-loading.html

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

Если вам нужно открыть другой URL-адрес, используя тот же template amp; controller самый, вы можете использовать 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>
  

Если вы измените 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>
  

Но вы могли бы использовать iframes, подобные этому, это то, что вы точно хотите.