2014-09-25 7 views
-1

我正在做一個angularJS和PHP的項目。
我做了一些編輯,但現在它不工作... 問題是,我沒有在控制檯和角度工作(我可以得到它的版本)的錯誤,但我的意見不顯示...
你能幫助理解爲什麼嗎?
之前,我漸漸的ServiceProvider錯誤,但我不知道我是否修復它,因爲沒有我堅持這個問題,我真的不知道爲什麼...AngularJS - 沒有錯誤,但沒有視圖

這裏是我的app.js

'use strict'; 
var app = angular.module('MyApp', ['ngRoute']); 

app.factory('services', ['$http', function($http) { 
    var serviceBase = '/services/'; 
    var obj = {}; 

    obj.getConseils = function(){ 
     return $http.get(serviceBase + 'conseils'); 
    }; 

    obj.getConseil = function(conseilID){ 
     return $http.get(serviceBase + 'conseil?id=' + conseilID); 
    }; 

    obj.getRoulottes = function(type, marque, dimension, couche, prix){ 
     return $http.get(serviceBase + 'roulottes?type=' + type + '&marque=' + marque + '&dimension=' + dimension + '&couche=' + couche + '&prix=' + prix); 
    }; 

    obj.getRoulotte = function(roulotteID){ 
     return $http.get(serviceBase + 'roulotte?id=' + roulotteID); 
    }; 

    return obj; 
}]); 

/** 
* @ngdoc overview 
* @name MataneCaravaneGoApp 
* @description 
* # MataneCaravaneGoApp 
* 
* Module principal de l'application 
*/ 

app.config(function ($routeProvider) { 
    $routeProvider 
     .when('/', { 
     title: 'Accueil', 
     templateUrl: 'views/main.html', 
     controller: 'MainCtrl' 
     }) 
     .when('/conseils', { 
     title: 'Nos conseils', 
     templateUrl: 'views/conseils.html', 
     controller: 'ConseilsCtrl' 
     }) 
     .when('/conseil/:conseilID', { 
     title: 'Conseil', 
     templateUrl: 'views/conseil.html', 
     controller: 'ConseilCtrl' 
     }) 
     .when('/roulottes/type/:type/marque/:marque/dimension/:dimension/couche/:couche/prix/:prix', { 
     title: 'Roulottes', 
     templateUrl: 'views/roulottes.html', 
     controller: 'RoulottesCtrl' 
     }) 
     .when('/roulottes/type/:type', { 
     title: 'Roulottes', 
     templateUrl: 'views/roulottes.html', 
     controller: 'RoulottesCtrl' 
     }) 
     .when('/roulotte/:roulotteID', { 
     title: 'Roulotte', 
     templateUrl: 'views/roulotte.html', 
     controller: 'RoulotteCtrl' 
     }) 
     .otherwise({ 
     redirectTo: '/' 
     }); 
    }); 

app.run(['$location', '$rootScope', function($location, $rootScope) { 
    $rootScope.$on('$routeChangeSuccess', function (event, current) { 
     $rootScope.title = current.$$route.title; 
    }); 
    }]); 

app.controller('404Ctrl', function ($scope) { 

    }); 
app.controller('ConseilsCtrl', function ($scope, services) { 
    services.getConseils().then(function(data){ 
     $scope.conseils = data.data; 
    }); 
    }); 

app.controller('MainCtrl', function ($scope) { 
    console.log('test'); 

    }); 

app.controller('RoulotteCtrl', function ($scope) { 

    }); 

app.controller('RoulottesCtrl', function ($scope) { 

    }); 

我的index.html

<!doctype html> 
<html class="no-js" > 
    <head> 
    <meta charset="utf-8"> 
    <title>MyApp</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width"> 
    <link rel="stylesheet" href="styles/bootstrap.css" /> 
    <link rel="stylesheet" href="styles/main.css"> 
    </head> 
    <body ng-app="MyApp"> 
    <!--[if lt IE 7]> 
     <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> 
    <![endif]--> 

     <header class="header"> 
     <ul class="nav nav-pills pull-right"> 
      <li class="active"><a ng-href="#">Accueil</a></li> 
      <li><a ng-href="#/conseils">Conseils</a></li> 
     </ul> 
     <h1 class="text-muted">MyApp</h1> 
     </header> 

     <div ng-view=""></div> 

     <footer class="footer"> 
     <p><span class="glyphicon glyphicon-heart"></span> from the Yeoman team</p> 
     </footer> 





    <!--[if lt IE 9]> 
    <script src="scripts/es5-shim/es5-shim.js"></script> 
    <script src="scripts/json3/lib/json3.js"></script> 
    <![endif]--> 


    <script src="scripts/jquery/dist/jquery.js"></script> 
    <script src="scripts/angular/angular.js"></script> 
    <script src="scripts/bootstrap/dist/js/bootstrap.js"></script> 
    <script src="scripts/angular-resource/angular-resource.js"></script> 
    <script src="scripts/angular-sanitize/angular-sanitize.js"></script> 
    <script src="scripts/angular-animate/angular-animate.js"></script> 
    <script src="scripts/angular-touch/angular-touch.js"></script> 
    <script src="scripts/angular-route/angular-route.js"></script> 
    <script src="scripts/app.js"></script> 
</body> 
</html> 
+1

你期待看到什麼? – 2014-09-25 13:17:02

+0

在主頁上只有來自一個視圖的html,對於協議我顯示一個視圖,從我的數據庫獲取數據 – 2014-09-25 13:34:54

回答

2

的問題是你是遍地創建模塊。查看文檔https://docs.angularjs.org/guide/module中的創建與檢索部分。

你有幾個拼寫錯誤導致你的問題。我忘了所有我把(一個是在CONSEILS控制器拼寫錯誤)的步驟,但這裏是呈現主視圖plunkr:

app.controller('ConseilsCtrl', function ($scope, services) { 

http://plnkr.co/edit/hkR8Wp?p=preview

鏈接是不完全正確,但我會留給你的。

+0

我只是編輯我的文件以創建我的角度模塊的var,並且在更改後沒有任何更改 – 2014-09-25 13:33:32

+0

您能否更新您的代碼片段。我會添加一個console.log到你的mainctrl來驗證它按預期執行。 – 2014-09-25 13:47:48

+0

編輯,console.log不出現 – 2014-09-25 14:03:10

相關問題