You'll need to handle this on the server.  This part of your site won't be part 
of the spa.

Sent from my iPhone

> On Apr 25, 2014, at 4:54 PM, Joberto Diniz <[email protected]> 
> wrote:
> 
> I don't want Login.html to be a partial view rendered in the ng-view 
> directive. I want Login.html to be a "full" view, with <html> and <body> tags.
> When user hit /Login or the app redirects to /Login, the Login.html cannot be 
> rendered in the ng-view directive.
> 
> Better?
> 
>> On Friday, April 25, 2014 5:49:13 PM UTC-3, Billy Figueroa wrote:
>> I m not sure me or others understand really what your problem is...
>> 
>>> On Friday, April 25, 2014 1:36:38 PM UTC-4, Joberto Diniz wrote:
>>> Hi. My question is quite simple, and what I found out so far didn't delight 
>>> me.
>>> I have an Index.html that is the main page for logged users. Inside it 
>>> there is a menu and ng-view directive that handles the partials. That's 
>>> fine.
>>> However, when the user Is not logged, I show the Home.html partial, but 
>>> this html is completely different from Index.html. It shouldn't be rendered 
>>> in the ng-view. It should be rendered like a normal page. The same applies 
>>> for the Login.html. It's completely different, that is, there are no nav 
>>> bar. The structure is different, and use ng-hide/show seems awkward.
>>> 
>>> What should I do?
>>> 
>>> app.js
>>> var scoreApp = angular.module('scoreApp', ['ngRoute', 'angularMoment', 
>>> 'UserApp', 'UserApp.facebook-picture', 'ui.bootstrap', 'underscore'])
>>>     .config(['$routeProvider', '$locationProvider', function 
>>> ($routeProvider, $locationProvider) {
>>>         $routeProvider.when('/', { templateUrl: '/app/partials/Home.html', 
>>> public: true });
>>>         $routeProvider.when('/Votacao', { templateUrl: 
>>> '/app/partials/Voting.html', controller: 'VotingController' });
>>>         $routeProvider.when('/Login', { templateUrl: 
>>> '/app/partials/Login.html', login: true });
>>>         $routeProvider.otherwise({ redirectTo: '/' });
>>>         $locationProvider.html5Mode(true);
>>>     }])
>>> 
>>> Index.html
>>> <!DOCTYPE html>
>>> <html lang="pt-br" ng-app="scoreApp">
>>> <head>
>>>     <meta charset="utf-8" />
>>>     <title>Awesome Score App</title>
>>>     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
>>> 
>>>     <link 
>>> href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" 
>>> rel="stylesheet" />
>>>     <link 
>>> href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" 
>>> rel="stylesheet" />
>>>     <link href="//fonts.googleapis.com/css?family=Open+Sans:400,300" 
>>> rel="stylesheet" />
>>>     <link href="app/css/bootstrap-social.css" rel="stylesheet" />
>>>     <link href="app/css/app.css" rel="stylesheet" />
>>> </head>
>>> <body>
>>>     <div class="container">
>>>         <nav class="navbar navbar-default navbar-fixed-top ng-cloak" 
>>> role="navigation" ng-cloak ng-controller="MenuController">
>>>             <div class="navbar-header">
>>>                 <a class="navbar-brand" href="/">Score App</a>
>>>             </div>
>>>             <div class="navbar-collapse collapse">
>>>                 <ul class="nav navbar-nav" ng-show="user.authenticated">
>>>                     <li><a href="/Votacao">Votação <span class="badge" 
>>> ng-hide="scoresToVote == 0">{{scoresToVote}}</span></a></li>
>>>                 </ul>
>>>                 <ul class="nav pull-right" style="margin-right:10px;" 
>>> ng-show="user.authenticated">
>>>                     <li class="dropdown">
>>>                         <a class="dropdown-toggle" data-toggle="dropdown" 
>>> href="#">
>>>                             <img class="nav-user-photo" ua-facebook-picture 
>>> />
>>>                             <span class="user-info">
>>>                                 {{user.first_name}}
>>>                             </span>
>>>                             <i class="fa fa-caret-down"></i>
>>>                         </a>
>>>                         <ul class="dropdown-menu">
>>>                             <li><a href="#" ua-logout><i class="fa 
>>> fa-power-off"></i>Logout</a></li>
>>>                         </ul>
>>>                     </li>
>>>                 </ul>
>>>             </div>
>>>         </nav>
>>> 
>>>         <ng-view></ng-view>
>>> 
>>>     </div>
> 
> -- 
> You received this message because you are subscribed to the Google Groups 
> "AngularJS" group.
> To unsubscribe from this group and stop receiving emails from it, send an 
> email to [email protected].
> To post to this group, send email to [email protected].
> Visit this group at http://groups.google.com/group/angular.
> For more options, visit https://groups.google.com/d/optout.

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to