无法在angularjs中解析状态

state could not be resolved in angularjs

本文关键字:状态 angularjs      更新时间:2023-09-26

我正在使用ui路由器的嵌套视图。我的菜单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",
        })

我收到一个错误错误:无法从状态"解析"staff.add"。有人能告诉我哪里做错了吗

不能进入abstract状态,abstract状态可以作为容器/父状态

删除abstract: true,它应该可以

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

您没有提供州名称,请尝试此

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