ng視圖或控制器不工作

我正在嘗試與AngularJS構建一個小型的Web應用程序。我有一個的index.html在根目錄和HTML子目錄3個其他HTML頁面ng視圖或控制器不工作

的login.html
list.html
detail.html
1. 第一次，index.html必須加載login.html。在此頁面有3個輸入用於在另一個驗證系統中發送數據登錄。登錄確定後：
1.2 的index.html負荷list.html頁面，並點擊AFER在列表的元素

1.3 的index.html顯示在細節detail.html。非常典型的網絡應用程序。

現在，我的index.html不顯示login.html代碼！

有代碼

HTML部分

的index.html

<!DOCTYPE html> 
<html > 
    <head lang="en"> 
     <meta charset="UTF-8"> 
     <title>CV Alibo - Tab</title> 
     <link rel="stylesheet" href="./css/style.css"/> 
     <script src="./lib/angular.js"></script><!-- angular-min.js , version stable by angularJS.org --> 
     <script src="./lib/angular-route.js"></script> 
     <script src="./js/cvAliboApp.js"></script> 
     <script src="./js/cvAliboController.js"></script> 
    </head> 
    <body ng-app="cvAliboApp"> 
     <div> 
      <h1>Test JS</h1> 
      <p>Between two rows, you can see more page</p> 
     </div> 
     <hr/> 
     <div ng-view> 
     </div> 
     <hr/> 
    </body> 
</html>

HTML/login.html的

<div ng-controller='cvAliboLogin'> 
    <h1>CV Alibo - Login</h1> 
    <p> 
     <input type="text" name="username" > 
     <input type="text" name="password" > 
     <input type="button" name="login" > 
    </p> 
</div>

HTML /列表。 HTML

<div ng-controller='cvAliboList' id="list"> 
     <h1>LIST</h1> 
</div>

HTML/detail.html

<div ng-controller='cvAliboDetail' id='detail'> 
    <h1>DETAIL</h1> 
</div>

的Javascript

JS/cvAliboApp

'use strict'; 


var cvAliboManager = angular.module('cvAliboApp', ['ngRoute']). 
config(function($routeProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl:'html/login.html', controller: 'cvAliboLogin' 
     }).when('/list', { 
      templateUrl:'html/list.html', controller: 'cvAliboList' 
     }).when('/list/:id', { 
      templateUrl:'html/detail.html', controller: 'cvAliboDetail' 
     }).otherwise({redirectTo: '/'}); 
});

JS/cvAliboContr oller.js

'use strict'; 

var cvAliboManager = angular.module('cvAliboApp', []); 
    cvAliboManager.controller('cvAliboLogin', 
     function cvAliboLogin($scope) { 
      alert("cvAliboLogin"); 
     } 
    ); 

    cvAliboManager.controller('cvAliboList', 
     function cvAliboController($scope) { 
      alert("cvAliboList"); 
     } 
    ); 

    cvAliboManager.controller('cvAliboDetail', 
      function cvAliboController($scope) { 
       alert("cvAliboDetail"); 
      } 
     ); 

    /* 
    * maybe error syntax? TODO ctrl 
    module.run(function($http){ 
     $http.get('/resources/fakeData.json') 
      .success(function(data){ 
       alert("OK)"); 
      }) 
      .error(function(data){ 
       alert('Error'); 
      }); 
    });*/

AngularJS版本1.2.18是。
角路由文件是孤獨和進口
隨着警報，我看到module.run是uncorrect和我評論這一點，避免加載語法錯誤的JavaScript代碼
的JS安全地進口
的constructos聲明和實現

爲什麼我的index.html不顯示的login.html？爲什麼不顯示任何內容？

任何建議，歡迎...

來源

2014-10-05 alepuzio

我認爲這個問題是您的JS/cvAliboController.js的第一行：這樣做var cvAliboManager = angular.module('cvAliboApp', []);你沒有任何相關性，即沒有ngRoute redefininng您的應用程序，所以您無法解析路線，也無法顯示任何內容。

回想一下它去掉括號：var cvAliboManager = angular.module('cvAliboApp');

來源

2014-10-05 02:02:29 Sycomor

謝謝你，它的工作！我必須重新研究模塊的邏輯;） – alepuzio 2014-10-05 13:06:37

ng視圖或控制器不工作

回答

相關問題