angular ui路由器状态被命中，但没有返回模板

Question

我使用的是ng样板文件，并且有以下文件夹结构

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");
}]); 

编辑：其他路线也可以，只适用于子文件夹中的路线，即应用程序/成员/添加/

你知道为什么页面没有呈现吗？

Answer 1

您的页面中必须有一个名为main的视图。类似于：

<div ui-view="main"></div>