在SPA应用

Question

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>

所以我的问题是，你能告诉我如何在没有布局页面细节的情况下加载新标签窗口？我的意思是没有菜单等。如果我想，我可以手动加载该页面上的角度和其他相关的js文件（propertyGoogleMap.cshtml）。谢谢。

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

我也试过了@{Layout = null;}。但没有运气:(

Answer 1

我只需要从上面提到的页面中删除它。所以我使用CSS来做到这一点：D

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