Angular正在打印路径,而不是在视图中渲染部分

时间:2013-08-18 20:42:22

标签: angularjs angular-routing

我的应用设置为$routeProvider

angular.module('myApp', [])

    .config(['$routeProvider', function($routeProvider){
        $routeProvider
            .when('/authorisation', { template: 'templates/authorisation.html', controller: AuthenticationController})
            .otherwise('templates/404.html');
    }]);

我的index.html是:

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <title>Gift Cloud Dash</title>
    <script src="lib\angular\angular.js"></script>

    <!-- App config -->
    <script src="js\app.js"></script>

    <!-- Import controllers -->
    <script src="js\controllers\authentication-controller.js"></script>
</head>
<body>
<div>
    <a href="#/authorisation">Authorisation</a>
</div>
<div ng-view></div>
</body>
</html>

当我打开索引页面时,我看到了超链接,但是当我单击它时,显示文件路径而不是在<div ng-view></div>中呈现。

Angular displaying resourse path.

1 个答案:

答案 0 :(得分:4)

修正了它,我会留在这里以防其他人得到相同的症状:

我的路由配置中的语法错误:它应该是:

angular.module('myApp', [])

    .config(['$routeProvider', function($routeProvider){
        $routeProvider
            .when('/authorisation', { templateUrl: 'templates/authorisation.html', controller: AuthenticationController})
            .otherwise({redirectTo: 'templates/404.html'});
    }]);