AngularJS移除#用于内置wordpress的应用程序

我继承了一个带有AngularJS 1.4版应用程序的项目，该应用程序位于wordpress内部。最近，我被要求从应用程序生成的内容中删除。我可以使用HTML5模式删除#（true）。它在存档页面上工作，当我从那里访问作业详细信息时。但是直接转到或重新加载详细信息页面时，作业详细信息会崩溃。当我把#放回去时，我可以从任何地方轻松访问工作细节，这是至关重要的

我也尝试过用我从这里得到的各种不同的重写来更新我的.htaccess，但它们都没有任何区别

你有过类似的经历吗？当你看到代码的时候，我有什么明显的错误吗

这是我的配置为角度

;(function() {

angular.module('jobFeed')
.config(['$stateProvider', '$locationProvider', 
'cfpLoadingBarProvider',
    function($stateProvider, $locationProvider, cfpLoadingBarProvider) 
{

        $locationProvider.html5Mode(true).hashPrefix('!');
        $locationProvider.hashPrefix('');

        $stateProvider
        .state('list', {
            url: '/?jtype&department',
            controller: 'listController',
            controllerAs: 'listCtrl',
            templateUrl: templatesPath + 'list.template.html',
            resolve: {
                getPageData : ['CustomFields', 
                    function getPageData(CustomFields) {
                        return CustomFields.getCustomFields();
                    }
                ]
            }
        })
        .state('detail', {
            url: '/detail/:id',
            controller: 'detailController',
            controllerAs: 'detailCtrl',
            templateUrl: templatesPath + 'detail.template.html',
            resolve: {
                getPageData : ['CustomFields', 
                    function getPageData(CustomFields) {
                        return CustomFields.getCustomFields();
                    }
                ]
            }
        });

        cfpLoadingBarProvider.parentSelector = '#loading';
        cfpLoadingBarProvider.spinnerTemplate = '<div class="vbox-overlay"><div class="vbox-preloader"></div></div>';
    }
]); 

})();

；（功能（）{
角度.module（'jobFeed'）
.config（['$stateProvider'，'$locationProvider'，
“cfpLoadingBarProvider”，
函数（$stateProvider、$locationProvider、cfpLoadingBarProvider）
{
$locationProvider.html5Mode（true）.hashPrefix（“！”）；
$locationProvider.hashPrefix（“”）；
$stateProvider
.state（'列表'{
url:“/？jtype&department”，
控制器：“listController”，
controllerAs:'listCtrl'，
templateUrl:templatesPath+'list.template.html'，
决心：{
getPageData:['CustomFields'，
函数getPageData（自定义字段）{
返回CustomFields.getCustomFields（）；
}
]
}
})
.state（'详细信息'{
url:“/detail/：id”，
控制器：“detailController”，
controllerAs:'detailCtrl'，
templateUrl:templatesPath+'detail.template.html'，
决心：{
getPageData:['CustomFields'，
函数getPageData（自定义字段）{
返回CustomFields.getCustomFields（）；
}
]
}
});
cfpLoadingBarProvider.parentSelector='#正在加载'；
cfpLoadingBarProvider.spinnerTemplate=''；
}
]); 
})();

---

此外，我还在标题中添加了基本元标记，以便正确渲染。

您是否检查了此项，是的，已经尝试了此项。不走运。我的应用程序在wordpress中，它不是根级别的应用程序，url指向职业/工作。我看到的所有解决方案都是针对独立的angularjs应用程序的。如果你能让

列表

像

/list/？jtype&department

那样声明url，那么该应用程序将更好地了解去哪里，你能试试这个吗？嗨@NarenMurali，谢谢你的建议，除了完全停止页面加载之外，这没有多大区别。这里的主要问题是在细节页面，如果你直接去他们那里，他们抛出了404，这个列表运行良好。