javascript - angularjs $stateprovider 不加载

Question

我刚开始更改其他人的一些代码，并尝试添加一个带有 Controller 的简单 html。我的问题是，我的 html 不会加载，如果我导航到它.. 系统只会显示:正在加载...

这是 html:

<div ng-controller="MxjobdetailCtrl">

<p>this is going to be the detail view</p>

<form name="detailForm" class="css-form" novalidate>
    Name:

    Referenz:

    Zusatzinfo:

    IH - Objekt:
</form>

这是相当空的 Controller :

angular.module('sipApp')
.controller('MxjobdetailCtrl', function ($scope) {

});

app.js 看起来像这样:

$stateProvider
        .state('home', {
            url: "/home",
            templateUrl: "views/home.html",
            controller: 'HomeCtrl'
        })
        .state('main', {
            url: "/main",
            templateUrl: "views/main.html",
            controller: "MainCtrl"
        })
        .state('test',{
            url: '/mxjobdetail',
            templateURl: "/views/components/mxjobdetail.html",
            controller: "MxjobdetailCtrl"
        })
        .state('bpLogbook', {
            url: '/bpLogbook',
            templateUrl: 'views/business-processes/bpLogbook.html',
            controller: "BpLogbookCtrl"
        })
        .state('bpLogbook.mxobjectList', {
            url: "/mxobjectList",
            templateUrl: "views/business-processes/bpLogbook.mxobject.html",
            controller: "BpLogbookMxObjectCtrl"
        })
        .state('bpLogbook.logbook', {
            url: "/:mxobjectId",
            templateUrl: "../views/components/logbook.html",
            controller: "LogbookCtrl"
        })

    ;
})

索引 html 如下所示:

<div class="sidebar sidebar-fixed" id="sidebar">
    <ul class="nav nav-list">
        <li ui-sref-active="active"><a ui-sref="home">View Home</a></li>
        <li ui-sref-active="active"><a ui-sref="main">View Main</a></li>
        <li ui-sref-active="active"><a ui-sref="bpLogbook">Logbuch</a></li>
        <li ui-sref-active="active"><a ui-sref="test">DetailView Test</a> </li>
    </ul>
</div>

仍然，如果我单击 DetailView 测试链接，除了“正在加载...”之外什么也没有显示。

有没有人知道为什么带有空 Controller 的简单 html 无法加载？

提前致谢

Answer 1

这可能只是一个拼写错误:请注意 templateURl 中的大写 R -- 它应该是 templateUrl。

此外，您不需要在 View url 中使用前导斜线，也不需要在模板中使用 ng-controller，因为您已经在状态定义中指定了 Controller 。