2016-11-23 41 views
0

我想要做一个登录视图,但我看到在网络其余部分的相同结构,我可以看到菜单和导航栏。如何添加视图whitout模板?

你能帮我吗?我怎样才能在登录视图中删除这些部分?

路线代码:

'use strict'; 

angular.module('RDash') 
    .config(['$stateProvider', '$urlRouterProvider', '$mdDateLocaleProvider', 'calendarConfig', '$breadcrumbProvider', 
     function($stateProvider, $urlRouterProvider, $mdDateLocaleProvider, calendarConfig, $breadcrumbProvider) { 

      $breadcrumbProvider.setOptions({ 
       prefixStateName: 'index', 
       template: 'bootstrap3' 
      }); 

      // For unmatched routes 
      $urlRouterProvider.otherwise('/'); 

      // Application routes 
      $stateProvider 
      .state('index', { 
       url: '/login', 
       templateUrl: 'login.html', 
       ncyBreadcrumb: { 
        label: 'Title' 
       } 
      }) 
      .state('prueba', { 
       url: '/prueba', 
       templateUrl: 'templates/prueba.html', 
       ncyBreadcrumb: { 
        label: 'Title' 
       } 
      }); 
     } 
    ]); 

指数:

<!doctype html> 
<html lang="es" ng-app="RDash"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Title</title> 
</head> 
<body ng-controller="MasterCtrl" class="posicion-menu"> 
    <div id="page-wrapper" ng-class="{'open': toggle}" ng-cloak> 

    <!-- Sidebar --> 
    <div id="sidebar-wrapper"> 
     <ul class="sidebar"> 
     <li class="sidebar-main"> 
      <a ng-click="toggleSidebar()"> 
      <!--Dashboard--> 
      <img class="logo" ng-src="img/logo.png" alt="Title Logo"> 
      <span class="menu-icon glyphicon glyphicon-transfer"></span> 
      </a> 
     </li> 
     <li class="sidebar-list"> 
      <a href="#/section1">Section 1 <span class="menu-icon fa fa-tachometer"></span></a> 
     </li> 
     <li class="sidebar-list"> 
      <a href="#/section2">Section 2 <span class="menu-icon fa fa-search"></span></a> 
     </li> 
     <li class="sidebar-list"> 
      <a href="#/section3">Section 3 <span class="menu-icon fa fa-file-text-o"></span></a> 
     </li> 
     </ul> 
    </div> 
    <!-- End Sidebar --> 

    <div id="content-wrapper"> 
     <div class="page-content"> 

     <!-- Main Content --> 
     <div ui-view id="contenedor"></div> 

     </div><!-- End Page Content --> 
    </div><!-- End Content Wrapper --> 
    </div><!-- End Page Wrapper --> 
</body> 
</html> 

的login.html是空的。

我需要的登录视图是空的,只有白色的登录表单,其余的网站白色导航栏和左侧的菜单。

Actual View Result whitout navbars

+0

在MasterCtrl中检查$ stateProvider的状态。如果它处于登录状态,请设置模板可用于隐藏或显示菜单和导航栏组件的标志。 – Hoyen

回答

1

如果你想删除的菜单和导航栏,然后把它们放在ui-view

否则,他们会一直留下来。

+0

但我有很多意见。我只能为登录做一个视图? – Diego

+0

你有两个选择:1 - 创建视图和子视图,以便您可以选择哪个视图具有菜单(母视图)以及哪些视图没有(子视图),但是它有很多代码。或2 - 创建一个模式登录你的用户。 – trichetriche

+0

谢谢!我创建了2个视图,其中一个带有菜单和其他菜单。 – Diego