Load the new tab window without the layout page details on SPA app
<p><strong>app.js</strong></p>

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

<p><strong>JS</strong></p>

<p>Here I have loaded the new browser window tab when user clicks the button.</p>

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

<p><strong>propertyGoogleMap.cshtml</strong></p>

<pre><code>&lt;div ng-controller="tenant.views.propertymanagement.propertyGoogleMap as vm"&gt;

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

   &lt;div class="row"&gt;
        &lt;ui-gmap-google-map center="vm.map.center" zoom="vm.map.zoom" options="vm.options"&gt;&lt;/ui-gmap-google-map&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>So my question is,could you tell me how can I load the new tab window without the layout page details ? I mean without menus and etc.. If I want, I can load angular and other related js files on that page (<code>propertyGoogleMap.cshtml</code>) manually.Thanks.</p>

<p><strong>Note :</strong> The problem here is, when I use new window tab then it is being loaded whole application with the layout page and etc. If I can stop that then I think this should work.So how can I do that ?</p>

<p>I have tried with <code>@{Layout = null;}</code> also.But no luck :( </p>