如何使用 index.html、ui.router 并重定向回主页

Question

我用于测试 python simpleserver 来测试我的 angular 应用程序。我是 ui.router 的新手，并试图让 index.html 正常工作，并在尝试回家时使用例如

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

导航回家或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';
    }
);

任何帮助修复它，我们将不胜感激。

Problem Plunkr

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