我想要做一个登录视图,但我看到在网络其余部分的相同结构,我可以看到菜单和导航栏。如何添加视图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是空的。
我需要的登录视图是空的,只有白色的登录表单,其余的网站白色导航栏和左侧的菜单。
在MasterCtrl中检查$ stateProvider的状态。如果它处于登录状态,请设置模板可用于隐藏或显示菜单和导航栏组件的标志。 – Hoyen