Angular JS routeProvider中的問題

Question

我在angular js routeProvider中有問題。 如果我單擊“注冊”或“登錄”鏈接，則它不會轉到下一頁，只會顯示如下網址。 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>

//我嘗試通過添加<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> <script src="js/angular-resource.js"></script>

Answer 1

您需要在index.html中添加ngView：

<body>
  <a href="#/register">register</a>
  <a href="#/login">login</a>
  <ng-view></ng-view>
</body>

使用app.controller('LoginCtrl', ...)定義控制器，並以其名稱作為字符串引用它們：

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

Answer 2

您必須在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”后的myapp變量

var myapp = angular.module('myapp', ['ngRoute']);

讓我們看看它會正常工作。

Angular JS routeProvider中的問題

問題描述

2 個解決方案

解決方案1
1 2013-11-09 08:36:59

解決方案2
0 2016-08-16 11:41:39

Angular JS routeProvider中的問題

問題描述

2 個解決方案

解決方案1 1 2013-11-09 08:36:59

解決方案2 0 2016-08-16 11:41:39

解決方案1
1 2013-11-09 08:36:59

解決方案2
0 2016-08-16 11:41:39