setting index default home page angularjs

Question

Pretty simple thing I'm trying to do. Fairly new to angular.

I just want to set the initial page that loads to be something other than the main that it is set to out of box when I generate an application

ive run yo angular:route survey. and that generated a view and script in my application which im going to begin modifying. I want when I run grunt serve (and for anyone navigating to my page), for it to go to my custom generated page instead of the default main page it has — Bobby
– Bobby, Commented Jun 19, 2015 at 14:04

Tony Barnes · Accepted Answer · 2015-06-19 14:05:35Z

8

In your config (presumably app.js with your scaffold), change the templateUrl to be the template/view that you desire.

eg:

.config(function ($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'views/someOtherTemplate.html',
      controller: 'MainCtrl'
    })
   ...
});

If you're using ui-router then it's similar:

.config(function($stateProvider, $urlRouterProvider, $locationProvider) {

    $stateProvider
      .state('home', {
        url: '/',
        templateUrl: 'views/someOtherTemplate.html'
      })

    });

answered Jun 19, 2015 at 14:05

Tony Barnes

2,6431 gold badge21 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

arjabbar · Accepted Answer · 2015-06-19 14:04:56Z

1

If you're using the angular router then it'll be something like this:

angular.module('yourMainAppModule').config(function($routeProvider) {
  $routeProvider.when("/", {
    templateUrl: "youTemplate.html",
    controller: "YourHomeController"
  })
});

You can read more about setting up your app's routes by looking at when() in the Angular Docs.

answered Jun 19, 2015 at 14:04

arjabbar

6,4444 gold badges33 silver badges46 bronze badges

Comments

feuille osier · Accepted Answer · 2017-04-05 14:43:58Z

0

Above methods where not working for me, giving the url field an empty value worked great with ui-router :

        $stateProvider
        .state('home', {
            url: '',
            templateUrl: 'views/homepage.html',
            controller: 'AppCtrl'
        })

answered Apr 5, 2017 at 14:43

feuille osier

111 bronze badge

Collectives™ on Stack Overflow

setting index default home page angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related