控制器未注册 - 如何辨别其路径?

时间:2017-05-01 20:10:02

标签: angularjs route-provider

我知道自己错过了什么,但我不知道该怎么做。

我通过以下组件构建了我的角度应用程序:

app -> components -> home -> home.html homeController.js homeService.js
                  -> contact -> contact.html contactController.js contactService.js
app.js
index.html

在我的app.js中,我使用常用​​方法来执行此操作。

var appModule = angular.module('app', [
    'ngRoute'
]);

appModule.config(function($routeProvider, $locationProvider) {
    $routeProvider

    .when('/', {
        templateUrl : 'components/home/home.html',
        controller  : 'homeController',
    })
    .when('/contact', {
        templateUrl : '/components/contact/contact.html',
        controller  : 'contactController',
    })

    $locationProvider.html5Mode(true);
});

我的问题是找不到每个控制器。 我可以使用' templateUrl'来定义html路径,但我找不到任何controllerUrl ...

感谢分享,如果你知道怎么做:)

1 个答案:

答案 0 :(得分:1)

没有必要指定控制器路径。只需在index.html文件中引用conntroller.js文件即可。 angular将使用创建控制器的角度模块自动加载控制器。

的index.html

<body>

 <script src="app/components/home/homecontroller.js"></script>
 <script src="app/components/contact/contactcontroller.js"></script>
</body>
</html>