我正在尝试登录视图,但我看到的结构与网络其他部分相同,我可以看到菜单和导航栏。
你能帮我解决这个问题吗?如何在登录视图中删除这些部分?
路线代码:
'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为空。
我需要登录视图为空,只有登录表格,网站的其余部分在导航栏和左侧菜单中。
答案 0 :(得分:1)
如果要删除菜单和导航栏,请将它们放在ui-view
中。
否则,他们将永远留下来。