2016-02-27 115 views
1

我對前端開發的世界很陌生,我正在通過我的第一個項目AngularJS工作。我還使用Yeoman,Gulp,Bower來建立我的項目,這對我來說也是一個新的東西......我從喲生成器Gulp Angular製作了一個構建,並將我自己的個人風格加入其中。我確信自己做得比傷害更重要,但我正在學習。Ng-Route,Gulp和Json的角JS問題

無論如何,我一直在編碼,並且真的難住爲什麼我的項目在使用ng路由時遇到麻煩。家庭顯示器正常工作,但當我嘗試點擊鏈接到更深的頁面時,它只是刷新回家。我正在使用Json文件而不是服務器,並且在啓動服務器時,Gulp Angular將所有文件編譯到另一個文件夾。這個問題有可能存在於編譯器中嗎?

我開始發瘋,所以我想我會調用它退出了一夜,但如果任何人有時間和慷慨看在我的GitHub庫,我會在joyed :)

感謝

https://github.com/jleibham/BhamDesigns.git

APP模塊

(function() { 
    'use strict'; 

     var bhamDesignsApp = angular.module('bhamDesignsApp', ['ngAnimate', 'ngTouch', 'ngSanitize', 'ngMessages', 'ngAria', 'ngRoute', 'mm.foundation', 'appControllers']); 

     bhamDesignsApp.config(['$routeProvider', 
      function($routeProvider) { 
      $routeProvider. 
       when('/projects', { 
       templateUrl: 'partials/projects.html', 
       controller: 'ProjectsController' 
       }). 
       when('/projects/:projectId', { 
       templateUrl: 'partials/gallery.html', 
       controller: 'GalleryController' 
       }). 
       otherwise({ 
       redirectTo: '/projects' 
       }); 
      }]); 

    })(); 

應用控制器

(function() { 

'use strict'; 

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

appControllers.controller('ProjectsController', ['$scope', '$http', 
    function ($scope, $http) { 
    $http.get('app/json/projects.json').success(function(data){ 
    $scope.projects = data; 
    }); 

    $scope.orderProp = '-year'; 

}]); 

appControllers.controller('GalleryController', ['$scope', '$routeParams', 
    function($scope, $routeParams) { 
    $scope.projectId = $routeParams.projectId; 
}]); 

})(); 
+1

您沒有指定哪些鏈接,但是在您的projects.html中,您有一個'ng-repeat' over項目中的項目,其中包含指向''。該網址與您配置中的任一路線都不匹配。 –

回答