Question

我和节点一起使用角度。我正在使用路由来重定向页面。

在我的html页面上，我已将2个链接定义为：

<!DOCTYPE html>
<html  >
<head>
    <title>My Angular App!</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
    <script src="../public/javascript/angular-route.min.js"></script>
    <link data-require="bootstrap-css@*" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <script src="/webstorm1/app.js"></script>
    <script src="../controllers/registration.js"></script>

</head>
<body>
<div ng-app="test">
    <a ng-href="#/login">Login</a>
    <a ng-href="#/register">Register</a>
</div>
<div ng-view></div>

</body>
</html>

并在app.js文件中我已将路由定义为：

var test =  angular.module('test', ['ngRoute'])
    .config(function($routeProvider, $locationProvider) {
console.log('test');
        $routeProvider.when('/register',
            {
                templateUrl: '/webstorm1/partials/register.html',
                controller: 'registration'

            });
        $routeProvider.when('/login',
            {
                templateUrl: '../partials/login.html',
                controller: 'login'
            });


    });

当我运行html文件并单击注册链接时，它会打印'test'，但不会在浏览器上显示该页面。

Answer 1

您的<div ng-view></div>超出<div ng-app="test">范围。

<div ng-app="test">                         <!-- ng-app starts -->
    <a ng-href="#/login">Login</a>
    <a ng-href="#/register">Register</a>
</div>                                      <!-- ng-app ends  -->
<div ng-view></div>                         <!-- outside from ng-app  -->

只需将ng-app="test"添加到某些父元素（如body或html）即可将所有元素放在其范围内。

路线不在angularjs工作

1 个答案: