Angularjs 角度加载模板，但不显示它_Angularjs_Angular Amd

Angularjs 角度加载模板，但不显示它

angularjs

Angularjs 角度加载模板，但不显示它,angularjs,angular-amd,Angularjs,Angular Amd,我正在尝试构建一个angularJs应用程序，我还将requireJs与angularAMD包一起使用我的项目结构 |root |-> bower_components |-> html |--> index.html |--> tmpl |---> test.html |-> js |--> app.js |--> main.js |--> controllers |---> account.js 我的app

我正在尝试构建一个angularJs应用程序，我还将requireJs与angularAMD包一起使用

我的项目结构

 |root
 |-> bower_components
 |-> html
 |--> index.html
 |--> tmpl
 |---> test.html
 |-> js
 |--> app.js
 |--> main.js
 |--> controllers
 |---> account.js

我的app.js文件：

define(['angularAMD', 'angular-route'], function (angularAMD) {
    var app = angular.module("elara", ['ngRoute']);
    app.config(function ($routeProvider) {
        $routeProvider.when("/", angularAMD.route({
            templateUrl: '/html/tmpl/test.html', controller: 'registerController',
            controllerUrl: '/js/controllers/account.js'
        })).otherwise({redirectTo: "/"});
    });
    return angularAMD.bootstrap(app);
});

我的main.js文件

require.config({

    paths: {
        'angular': '/bower_components/angular/angular.min',
        'angular-route': '/bower_components/angular-route/angular-route.min',
        'angularAMD': '/bower_components/angularAMD/angularAMD.min'
    },
    shim: { 'angularAMD': ['angular'], 'angular-route': ['angular'] },
    deps: ['/js/app.js']
});

my index.html

<!DOCTYPE html>
<html>
    <head>
        <script data-main="/js/main.js" src="/bower_components/requirejs/require.js"></script>
    </head>
    <body>
    <div ng-view></div>
    </body>
</html>

我的测试html

<h1>test</h1>

测试

因此，我正在导航到url

，在网络选项卡上，我可以看到我的控制器和模板已加载，但模板的内容未呈现到

ng view

元素中。

这可能是angular和requireJS/angularAMD之间的冲突。您应该使用

requireJS

加载控制器，而不是使用

ng route

和

controllerUrl

加载控制器--另外，如果您能在

'/js/controllers/account.js'

中显示它是什么，那么调试问题就会更容易。