Как работать с index.html, ui.router и перенаправлять обратно на домашнюю страницу

Question

Я использую для тестирования python simpleserver для проверки моего углового приложения. Я новичок в 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

Вы рендеринга index.html снова внутри ui-view DIV, так techically вы должны иметь 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