ngRoute没有加载我的一个模板

时间:2015-08-11 08:04:31

标签: javascript angularjs ngroute angularjs-ng-route

ngRoute适用于我的所有路线,除了一个(templates /:templateId)。当我点击链接到该URL的按钮时,控制台中没有错误消息,只是将我重定向到主页,否则由其他功能指定。

使用Javascript:

$locationProvider.html5Mode(true);

$routeProvider.
    when('/home', {
        templateUrl: '/components/home/home.html',
        controller: 'HomeController'
    }).
    when('/categories/:categoryId', {
        templateUrl: '/components/categories/categories.html',
        controller: 'CategoriesController'
    }).
    when('/templates', {
        templateUrl: '/components/templates/templates.html',
        controller: 'TemplatesController'
    }).
    when('templates/:templateId', {
        templateUrl: '/components/template/template.html',
        controller: 'TemplateController'
    }).
    when('/requests', {
        templateUrl: '/components/requests/requests.html',
    }).
    when('/requests/:requestId', {

    }).
    when('/modify', {

    }).
    otherwise({
        redirectTo: '/home'
    });

HTML:

    <div ng-repeat="template in templates">

    <div class="col-sm-6 col-md-4 col-lg-3">

        <a href="/templates/{{template.id}}">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        {{template.name}}
                    </h3>   
                </div>
                <div class="panel-body">
                    {{template.description}}
                </div>
            </div>
        </a>
    </div>
</div>

我三重检查拼写错误,但我会再次检查,我不确定是什么问题,其他一切都有效。

1 个答案:

答案 0 :(得分:-1)

您缺少斜杠(“/”) 它应该是when('/templates/:templateId', {

如果这不起作用,请尝试以下方法:
when('/templates/:id', {


希望这会有所帮助。