Question

我正在使用ui-router的嵌套视图。我的菜单html

<li ng-class="{active: $state.includes('staffs')}">
                <a ui-sref="dashboard"><i class="fa fa-users"></i> <span class="nav-label">{{ 'STAFFS' | translate }}</span> <span class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('staffs')}">
                    <li ui-sref-active="active"><a ui-sref="staffs.add"><i class="fa fa-circle-o"></i>{{ 'ADDSTAFF' | translate }}</a></li>
                    <li ui-sref-active="active"><a ui-sref="staffs.view"><i class="fa fa-circle-o"></i>{{ 'VIEWSTAFFS' | translate }}</a></li>
                    <li ui-sref-active="active"><a ui-sref="staffs.permission"><i class="fa fa-circle-o"></i>{{ 'STAFFPERMISSION' | translate }}</a></li>
                    <li ui-sref-active="active"><a ui-sref="staffs.prdtype"><i class="fa fa-circle-o"></i>{{ 'PRODUCTTYPE' | translate }}</a></li>  
                </ul>
            </li>

以下是我的config.js

.state('staffs.add', {
            abstract: true,
            url: "/add_staff",
            templateUrl: "views/staff_add.php",
        })

我收到错误错误：无法解析＆＃39; staffs.add＆＃39;来自州＆＃39;。任何人都可以告诉我我在哪里做错了

Answer 1

您无法进入abstract州，abstract州可以充当容器/父州

删除abstract: true，它应该可以正常工作

我不确定.php文件如何用作角度模板

Answer 2

你没有提供州名称试试这个

 <li ui-sref-active="active"><a ui-sref="staffs.addstaffs"><i class="fa fa-circle-o"></i>{{ 'ADDSTAFF' | translate }}</a></li>

在angularjs中无法解决状态

2 个答案: