Question

尝试为我的单页angularjs应用程序使用相对url，但无法使用任何样式加载页面，或者使用角度工作加载。

JS：

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$locationProvider.hashPrefix('');
$locationProvider.html5Mode(true);

$routeProvider    
    .when('/', {
        templateUrl: '/pages/home.html',
        controller: 'mainController as main'
    })
    .when('/home', {
        templateUrl: '/pages/home.html',
        controller: 'mainController as main'
    })
    .when('/newPayroll', {
        templateUrl: '/pages/newPayroll.html',
        controller: 'newPayrollController as newPayroll'
    })
    .when('/employeesList', {
        templateUrl: '/pages/employeesList.html',
        controller: 'employeesListController as employeeList'
    })
    .otherwise({ redirectTo: '/' });
}])

当我像这样将基础标记添加到头部顶部时，它会在没有样式的情况下呈现页面，并且页面链接不起作用：

<base href="/" />

当我像这样添加样式时，样式会起作用，但角度完全停止工作，即使控制台中没有显示错误，点击链接也会将我带到文件索引屏幕：

<base href="./" />

文件结构：

'dashboard' folder
app.js
index.html
'pages' folder
    home.html
    page2.html
    etc...
'js' folder
    angular.js
'css' folder
    style.css

AngularJS相对url不起作用

0 个答案: