0

我正在使用 ng-boilerplate amd 具有以下文件夹结构

member
-add
--add.js
--add.tpl.html
-member.js
-member.tpl.html

在 add.js 我定义了以下路线

 .config(function config( $stateProvider,USER_ROLES ) {
        $stateProvider.state( 'member.add', {
            url: '/member-add',
            views: {
                "main": {
                    controller: 'AddMemberCtrl',
                    templateUrl: 'member/add/add.tpl.html'
                }
            },
            data:{ pageTitle: 'Add member'

            }
        });
    })

在 member.tpl.html 里面我定义了一个指向路由的链接

<a href ui-sref="member.add" class="btn btn-primary">Add member</a>

单击上面的链接将 url 更改为“#/member/member-add”,并将页面标题更改为与上面定义的“添加成员”匹配,但文件 member/add/add.tpl.html 未加载。我在控制台中看不到任何错误,并且 grunt 可以很好地构建它,我可以在 templates-app.js 中看到对该文件的引用:

angular.module("member/add/add.tpl.html", []).run(["$templateCache", function($templateCache) {
  $templateCache.put("member/add/add.tpl.html",
    "Add members");
}]); 

编辑:其他路线很好,它只适用于子文件夹中的路线,即 app/member/add/

任何想法为什么页面没有呈现?

4

1 回答 1

0

You must have a view named main in your page. Something like:

<div ui-view="main"></div>
于 2014-09-17T15:56:21.663 回答