点击ng-view中的任意位置会重定向到错误的页面

Question

我有一个简单的SPA，我有一个导航栏，可以进入不同的页面，如主页，功能，服务等。 导航栏工作正常，但问题是：在ng-view中的任何位置单击都会重定向到“服务”页面。这是我的routes.js。我无法弄清楚我搞砸了什么。

var app = angular.module('app', ['ui.router']);

app.config(config);

config.$inject = ['$stateProvider', '$urlRouterProvider', '$locationProvider'];

function config($stateProvider, $urlRouterProvider){

    $stateProvider
        .state('home',{
            url : '/home',
            templateUrl : 'partials/home.html',
            controller : 'homeCtrl'
        })
        .state('forms', {
            url : '/forms',
            templateUrl : 'partials/forms.html',
            controller : 'formsCtrl'
        })
        .state('features', {
            url : '/features',
            templateUrl : 'partials/features.html',
            controller : 'featuresCtrl'
        })
        .state('services', {
            url : '/services',
            templateUrl : 'partials/services.html',
            controller : 'servicesCtrl'
        });

    $urlRouterProvider.otherwise('/home');

    //$locationProvider.html5Mode(true);
}

根据要求，这是我的index.html代码：

<nav>
    <div class="nav-wrapper blue darken-3">
    <a href="#" class="brand-logo">Angular</a>
    <ul id="nav-mobile" class="right hide-on-med-and-down blue darken-3">
     <li><a ui-sref="home">Home</a></li>
     <li><a ui-sref="forms">Forms</a></li>
     <li><a ui-sref="features">Features</a></li>
     <li><a ui-sref="services">Services</li>
    </ul>
   </div>
</nav>

<div ui-view></div>