路徑在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中不工作

回答

相關問題