Question

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

这是一个相当灵活的控制器：

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 Test链接，除了＆＃34; Loading ...＆＃34;显示。

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

提前致谢，

Answer 1

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

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

Answer 2

您不需要在html模板中定义ng-controller：

<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>

angularjs $ stateprovider没有加载

2 个答案: