angularjs $ routeProvider - 找不到路线

时间:2013-09-03 05:27:58

标签: angularjs angularjs-routing

我正在使用带有requirejs的angularjs。我遇到了一个问题,我的路线没有正确路由。它不断地路由到/。如果我更改/发布到/:发布它会点击我的邮寄路线。

// 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');
    });
});

1 个答案:

答案 0 :(得分:2)

我的愚蠢错误。如果有人遇到这个问题,我会打开这个问题。

我没有

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

否则我的网址会用hashbang映射 localhost / #post而不是/ post