设置索引默认主页angularjs

时间:2015-06-19 13:59:33

标签: angularjs

我想做的很简单。角度相当新鲜。

我只想设置加载的初始页面,而不是在生成应用程序时将其设置为开箱即用的主页面

3 个答案:

答案 0 :(得分:8)

在您的配置中(大概是app.js使用您的脚手架),将templateUrl更改为您想要的模板/视图。

例如:

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

如果您使用的是ui-router,则类似:

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

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

    });

答案 1 :(得分:1)

如果您正在使用http://i.stack.imgur.com/1ChAL.png,那么它将是这样的:

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

您可以通过查看Angular Docs中的angular router来详细了解如何设置应用的路线。

答案 2 :(得分:0)

以上方法不适用于我,给url字段一个空值非常适合ui-router:

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