我對前端開發的世界很陌生,我正在通過我的第一個項目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;
}]);
})();
您沒有指定哪些鏈接,但是在您的projects.html中,您有一個'ng-repeat' over項目中的項目,其中包含指向''。該網址與您配置中的任一路線都不匹配。 –