AH lol yes
Angular is not really made for this from what I understand. IT CAN BE made
into that. The way Angular, and SPA (Single Page Apps) work is that you
have one shell page and your views are loaded in there based on the path of
the url. If you want to actually do a different page then you will have to
put it in the main directory like you did with the index page and call it
home. The difference is instead of using a url like...
www.somewebsite.com/#/home
you are going to have to use a url like so...
www.somewebsite.com/home#/
I gotta run but that should give you a little idea of what the issue is
On Friday, April 25, 2014 4:54:00 PM UTC-4, Joberto Diniz 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.
