Wie füge ich eine Ansicht ohne Vorlage hinzu?

Ich versuche, eine Login-Ansicht zu machen, aber ich sehe die gleiche Struktur, die ich im Rest des Netzes, das Menü und die Navbar sehen kann.Wie füge ich eine Ansicht ohne Vorlage hinzu?

Können Sie mir dabei helfen? Wie kann ich diese Teile in der Login-Ansicht entfernen?

Strecke Code:

'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' 
       } 
      }); 
     } 
    ]);

Index:

<!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>

Ich brauche die Login-Ansicht ist leer, nur mit dem Login-Formular, und den Rest der Website mit der Navigationsleiste und das Menü auf der linken Seite.

Quelle

2016-11-23 Diego

In der MasterCtrl überprüfen Sie den Status von $ StateProvider. Wenn Sie sich anmelden, legen Sie ein Flag fest, mit dem die Vorlage die Menü- und Navbar-Komponenten ein- oder ausblenden kann. – Hoyen

Wenn Sie das Menü und die Navigationsleiste entfernen möchten, setzen Sie sie dann in den ui-view.

Sonst bleiben sie immer.

Quelle

2016-11-23 14:35:59 trichetriche

Aber ich habe viele Ansichten. Ich kann nur für das Login eine Ansicht machen ?? – Diego

Nun, Sie haben 2 Möglichkeiten: 1 - Erstellen Sie Ansichten und Unteransichten, so dass Sie wählen können, welche Ansicht das Menü (Mutteransicht) und welche Ansichten nicht (untergeordnete Ansicht) hat, aber es ist eine Menge Code. Oder 2 - Erstellen Sie ein Modal für die Anmeldung Ihrer Benutzer. – trichetriche

Danke! Ich habe 2 Ansichten erstellt, eine mit Menü und andere ohne Menü. – Diego

Wie füge ich eine Ansicht ohne Vorlage hinzu?

Antwort

Verwandte Themen