如何添加视图whitout模板?

时间:2016-11-23 14:34:06

标签: javascript css angularjs twitter-bootstrap

我正在尝试登录视图,但我看到的结构与网络其他部分相同,我可以看到菜单和导航栏。

你能帮我解决这个问题吗?如何在登录视图中删除这些部分?

路线代码:

'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

1 个答案:

答案 0 :(得分:1)

如果要删除菜单和导航栏,请将它们放在ui-view中。

否则,他们将永远留下来。