angular-ui模板未加载

Question

我遇到了angular-ui-router的问题。我没有收到任何错误，但我仍然无法看到部分模板。此外，它不会重定向到'/'以及如果我更改为'/home'，它就无法正常工作。

以下是我的代码，

angular.module('SampleApp', ['ui.router']).config(function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/');

$stateProvider

           .state('home', {
        url: '/',
        templateUrl: 'partials/partial-home.html'
    })


    .state('about', {
        // about page      
    });});

这是主页的html代码

<div id="container">
<div id="header">
    <img src="images/logo.png" height="40" />
    <div id="header_left">
        <img src="images/browse.png" /><a href="#" ng-click="categories()">Categories</a>

    </div>
    <div id="categories_menu"><p><a href="">Mobiles</a></p><p><a href="">Tablets</a></p>
        </div>
    <div id="search">
        <input type="text" id="searchbox" name="searchbox" placeholder="Search" />
        <input type="submit" id="inputsearchbox" name="inputsearchbox" value="" />
    </div>
</div>

 <div ui-view></div></div>

我的部分页面是

<div class="wrapperwide">
    <div class="home-featured card"></div>
    <a target="_blank" href="#" class="home-sidebox card">test </a>
</div>

有人可以帮助我吗？提前谢谢！