Question

我正在尝试创建多个级别的嵌套状态。不幸的是，似乎有些不对劲。在任何状态下，当您刷新浏览器时，一切正常。除app.admin.training州外：控制台向我显示找不到css文件（显示错误的路径：localhost/admin/node_modules/...而不是localhost/node_modules/...）。

这是我的ui-router配置：

$stateProvider
    .state('login', {
        url: '/login',
        templateUrl: 'app/views/login.view.html',
        controller: 'loginCtrl',
    })
    .state('app', {
        url: '/',
        templateUrl: 'app/views/app.view.html',
        controller: 'appCtrl',
        abstract: true,
    })
    .state('app.dashboard', {
        url: 'dashboard',
        templateUrl: 'app/views/dash.view.html',
        controller: 'dashCtrl',
    })
    .state('app.admin', {
        url: 'admin',
        abstract: true,
        template: '<ui-view></ui-view>',
    })
    .state('app.admin.training', {
        url: 'training',
        templateUrl: 'app/views/admin/training/main.view.html',
        controller: 'mainTrainingCtrl',
    });

我尝试在/之后添加admin，这对training状态前添加它没有帮助。

现在，在浏览谷歌之后，我无法找到解决此问题的任何内容！

Answer 1

所以问题是我的样式表加载了相对路径。我刚刚在网址前面添加了一个<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr class="swpm-registration-interest-row"> <td> <label for="interest"> <?php echo SwpmUtils::_('Interest'); ?> </label> </td> <td> <select class="regular-text" name="interest" id="interest"> <option>Viewer</option> <option>Guest</option> <option>Actor</option> </select> </td> </tr> <tr class="swpm-registration-experience-row" style="display:none;"> <td> <label for="experience" style="position: absolute;"> <?php echo SwpmUtils::_('Experience') ?> </label> </td> <td> <textarea name="experience" style="padding: 2px; border: 1px solid #333 !important;" cols="40" rows="10" id="experience"><?php echo esc_attr($experience); ?></textarea> </td> </tr> </table>，它会再次按预期运行。

以防其他人偶然发现这件事！

嵌套状态会生成错误的基本路径

1 个答案: