Question

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

 <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';
    }
);

任何帮助都将不胜感激。

Problem Plunkr

Answer 1

您正在index.html div中再次呈现ui-view，所以从技术上来说，您应该拥有可以拥有主页内容的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

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

1 个答案: