如何使用index.html，ui.router並重定向回首頁

Question

我用於測試python simpleserver來測試我的角度應用程序。 我是ui.router的新手，並嘗試使index.html正常工作，並嘗試使用eg回家時

 <a class="navbar-brand" ui-sref="/">MyApp</a>

導航回到home或index.html

碼

"use strict";
var mainApp = angular.module('mainApp', ['ui.router']);

mainApp.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
    $urlRouterProvider.otherwise('/#');
    $stateProvider
        .state('/', {
            url: '/',
            templateUrl: 'index.html',
            controller: 'mainController'
        });
});

mainApp.controller('mainController',
    function($state, $log, $scope, $rootScope, $http) {
        $scope.test = 'foobar';
    }
);

任何幫助將不勝感激修復它。

問題朋克

Answer 1

您將在ui-view div中再次呈現index.html ，因此從技術上講，您應該具有將包含主頁內容的html

myHomePage.html

<div class="home-page">
  Its home page

  {{test}}
</div>

州

$stateProvider
.state('/', { //<-- here it should be some stateName rather than using `/`
  url: '/',
  templateUrl: 'myHomePage.html', //<--changed here
  controller: 'mainController'
});

Plunkr