Javascript 在SPA应用程序上加载新选项卡窗口，但不显示布局页面详细信息

app.js

   $stateProvider.state('tenant.propertyGoogleMap', {
        url: '/PropertyGoogleMap',
        templateUrl: '~/App/tenant/views/propertymanagement/propertyGoogleMap.cshtml',
        menu: 'PropertyGoogleMap.Tenant'
    });

JS

在这里，当用户单击按钮时，我加载了新的浏览器窗口选项卡

vm.propertyGoogleMap = function () {
                var url = $state.href('tenant.propertyGoogleMap', {}, { absolute: false });
                $window.open(url, '_blank');
            };

propertyGoogleMap.cshtml

<div ng-controller="tenant.views.propertymanagement.propertyGoogleMap as vm">

    <style type="text/css">
        .angular-google-map-container {
            height: 400px;
        }
    </style>

   <div class="row">
        <ui-gmap-google-map center="vm.map.center" zoom="vm.map.zoom" options="vm.options"></ui-gmap-google-map>
    </div>
</div>

.google地图容器{
高度：400px；
}

所以我的问题是，你能告诉我如何在没有布局页面细节的情况下加载新的选项卡窗口吗？我是说没有菜单等等。。如果需要，我可以手动加载该页面上的angular和其他相关js文件（

propertyGoogleMap.cshtml

），谢谢

注意：这里的问题是，当我使用“新窗口”选项卡时，它正在加载整个应用程序的布局页面等。如果我可以停止，那么我认为这应该会起作用。那么我该怎么做呢

---

我也尝试过

@{Layout=null；}

。但是运气不好：（

我只需要将它从上面提到的页面中删除。因此我使用CSS来执行此操作：D

 .page-sidebar-wrapper, .page-header, .page-footer {
            display: none !important;
        }