路由在angularjs中不起作用

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文件并单击注册链接时，它会打印“测试”，但不会在浏览器上显示该页面。

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 个解决方案

解决方案1
1 2014-09-23 16:07:28

路由在angularjs中不起作用

问题描述

1 个解决方案

解决方案1 1 2014-09-23 16:07:28

解决方案1
1 2014-09-23 16:07:28