javascript - Angular js RouteProvider 中的问题

标签 javascript node.js angularjs route-provider

我在 Angular js RouteProvider 中遇到问题。如果我点击注册或登录链接,那么它不会进入下一页,只会显示这样的网址。 http://localhost:3000/#/registerhttp://localhost:3000/#/login 以下是我的代码。提前致谢 //我提供了 ngRoute、ngResource、服务来初始化 myapp,但没有任何好处

脚本.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 : '/'
    });
}] );

登录.js

function loginController($scope){
}

注册.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>

//我尝试添加 <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', ...) 定义您的 Controller ,并使用其名称作为字符串引用它们:

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

关于javascript - Angular js RouteProvider 中的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19873133/

相关文章:

node.js - 使用 socket.io 向特定用户发送更新通知

javascript - 使用 AngularJS 在表单中使 + 键的作用类似于 Tab

angularjs - 如何使用 angular-ui-ace 在编辑器中添加自动完成选项

javascript - 将值连接到嵌套的 JavaScript 对象

javascript - 渲染速度: more objects or more scenes?

javascript - AngularJS 不会从对象中删除表单

node.js - 如何在 MEAN 堆栈中调试 Mongoose 和 MongoDB?

javascript - 如何在lodash中进行分组

node.js - 服务器未收到客户端的鼠标移动数据

javascript - AngularJS中的超时函数