Question

我的应用设置为$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.

Answer 1

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

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

angular.module('myApp', [])

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

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

1 个答案: