问题在angularjs routeProvider
我有一个问题在angularjs routeProvider。 如果我点击注册或login链接，那么它不会到下一个页面只显示这样的url。 http://localhost:3000/#/register或http://localhost:3000/#/login以下是我的代码。 在此先感谢//我给了ngRoute，ngResource，为myapp初始化服务，但没有任何好处
的script.js
var myapp = angular.module('myapp', []); myapp.config(['$routeProvider', function($routeProvider) { $routeProvider.when('/login', { templateUrl : '/template/login.html', controller : loginController }).when('/register', { templateUrl : '/template/register.html', controller : registerController }).otherwise({ redirectTo : '/' }); }] );
login.js
function loginController($scope){ }
register.js
function registerController($scope) { $scope.submit = function() { if (!($scope.cnfrmPasswd == $scope.passwd)) { } else { $.get("/register/"+$scope.name+"/"+$scope.username+"/"+$scope.passwd, function(data) { }); } }; }
的index.html
<html ng-app="myapp"> <head > <script src="js/angular/angular-1.0.5/angular.min.js"></script> <script src="js/jquery-1.9.1.js"></script> <script src="js/script.js"></script> <script src="js/login.js"></script> <script src="js/register.js"></script> </head> <body> <a href="#/register">register</a> <a href="#/login">login</a> </body> </html>
//我试着join<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> <script src="js/angular-resource.js"></script>
您需要在您的index.html中添加ngView：
<body> <a href="#/register">register</a> <a href="#/login">login</a> <ng-view></ng-view> </body>
用app.controller('LoginCtrl', ...)定义你的控制器，并用string的名字引用它们：
$routeProvider.when('/login', { templateUrl : '/template/login.html', controller : 'LoginCtrl' })
你必须在你的body标签中添加ng-view，你需要在模块中定义'ngRoute'。
您的index.html的身体标记
<body> <a href="#/register">register</a> <a href="#/login">login</a> <div data-ng-view="" id="ng-view"></div> </body>
添加'ngRoute'后，你的myappvariables
var myapp = angular.module('myapp', ['ngRoute']);
让我们看看它会正常工作。