angularjs$stateprovider没有't负载

angularjs $stateprovider doesn't load

本文关键字：负载 stateprovider 没有 angularjs      更新时间：2023-09-26

我刚开始更改另一个人的一些代码，并尝试添加一个带有控制器的简单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>

这是一个相当emtpy的控制器：

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

apps看起来是这样的：

$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测试链接，除了"正在加载…"之外，什么都不会显示。

有人知道为什么一个带有emtpy控制器的简单html无法加载吗？

提前感谢，

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

此外，视图url中不需要前导斜杠，模板中也不需要ng-controller，因为您已经在状态定义中指定了控制器。

您不需要在html模板中定义ng控制器：

<div>
 <p>this is going to be the detail view</p>
 <form name="detailForm" class="css-form" novalidate>
    Name:
    Referenz:
    Zusatzinfo:
    IH - Objekt:
 </form>
 ....
</div>
相关文章：