路径在angularjs中不工作

我正在使用角度和节点。我正在使用路线重定向页面。路径在angularjs中不工作

到我的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="[email protected]*" 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文件和点击注册链接，它会打印'测试'，但不会在浏览器上显示页面。

来源

2014-09-23 kawade

请参阅网络日志查看引用的视图的404错误。也看看控制台的错误。 – Chandermani 2014-09-23 07:34:45

@Chandermani：控制台上没有日志。 – kawade 2014-09-23 08:15:43

尝试将'ng-app =“test”'移动到'html'或'body'标签。 – Vucko 2014-09-23 08:24:23

您的<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一些父元素，使它们的范围内的所有元素。

来源

2014-09-23 16:07:28 Vucko

路径在angularjs中不工作

回答

相关问题