Question

我使用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>

点击上面的链接会将网址更改为＆＃39;＃/ member / member-add＆＃39;并更改页面标题以匹配＆＃39;添加成员＆＃39;如上所述，但是没有加载文件成员/ 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 /

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

Answer 1

您的网页中必须有一个名为main的视图。类似的东西：

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

角度ui路由器状态被击中但没有返回模板

1 个答案: