2013-09-03 2 views
0

requirejs와 함께 angularjs를 사용하고 있습니다. 내 경로가 제대로 라우팅되지 않는 문제가 있습니다. /로 계속 라우팅됩니다. 내가/post에/post를 써서 내 post route를 치면.

// module/post.js 
define([], function() { 
    'use strict'; 

    var app = angular.module('myApp.post', []) 
    .config(['$routeProvider', 
     function($routeProvider) { 
      $routeProvider.when('/post', { 
        controller: 'PostController', 
        template: "<div>{{page}}</div>" 
       } 
      ); 
     } 
    ]); 

    return app; 
}); 


// main.js 
require.config({ 
    baseUrl: '/static/js', 
    paths: { 
     angular: 'vendor/angular/angular', 
     jquery: 'vendor/jquery/jquery', 
     _: 'vendor/underscore/underscore' 
    }, 
    shim: { 
     angular: { 
      exports: angular 
     } 
    } 
}); 

require([ 
    'module/post' 
], function() { 
    'use strict'; 

    var app = angular.module('myApp', [ 
     'myApp.post' 
    ]) 
    .config(['$routeProvider', 
     function($routeProvider) { 
      $routeProvider.otherwise({ 
       redirectTo: '/' 
      }); 
     } 
    ]); 

    $(function(){ 
     angular.bootstrap(document, ['myApp']); 
     $('html').addClass('ng-app: myApp'); 
    }); 
}); 

답변

2

내 부분에서는 벙어리 실수. 누군가이 문제에 부딪 힐 경우이 질문을 열어 두겠습니다.

나는 그렇지 않으면 내 URL이

를 게시/대신 hashbang 로컬 호스트/# 포스트와지도 것

var app = angular.module('myApp.post', []) 
    .config(['$routeProvider', '$locationProvider', 
     function($routeProvider, $locationProvider) { 
      $routeProvider.when('/post', { 
        controller: 'PostController', 
        template: "<div>{{page}}</div>" 
       } 
      ); 
      $locationProvider.html5Mode(true); 
     } 
    ]); 

에 HTML5 모드가 없었다

관련 문제