Question

我使用Angular ui-Router和ui-View在应用中提供服务。这是我的路线索引：

function routeConfig($stateProvider, $urlRouterProvider, $httpProvider, $locationProvider) {

    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });    

    $stateProvider
        .state('app', {
            url: '',
            template: require('./pages/generic/generic.html'),
            data: {
                public: true
            },
        })
        .state('app.main', {
            url: '/',
            template: require('./pages/main/main.html'),
            controller: 'MainCtrl',
            controllerAs: 'Ctrl'
        });
...

而不是模板它自我，我看到它的路径。此外，当我使用templateUrl我有Cannot GET /template-file-path作为模板文件时。它为什么会发生？我在webpack服务器上使用webpack。求助。

Answer 1

如果您的应用程序的文件结构类似于

myDemoAppName -> app -> pages -> main -> main.html

并且您的服务器在myDemoAppName路径

上提供您的文件

您应该使用templateUrl: '/app/pages/main/main.html'

在AngularJS中模板路径而不是它自己

1 个答案: