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

ページに名前付きのビューが必要mainです。何かのようなもの：

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