Question

我有这样的状态：第一个在局部视图中，第二个是html页面，它们在文件夹View / Account.First one工作但第二个不工作。它说404页面找不到。如何为.html页面配置状态。有什么建议吗？

.state('account.payoutconfirmation', {
    url: '/ticketprint',
    templateUrl:
        function (stateParams) {
            return mainTemplateService.getTemplateUrl(stateParams, '/account/payoutconfirmation');
        }
}).state('account.state', {
    url: '/printticket',
    templateUrl:
        function (stateParams) {
            return mainTemplateService.getTemplateUrl(stateParams, "/account/state.html")
        }

Answer 1

我想说，可能会有一些拼写错误。无论如何，如果我们使用一些 mainTemplateService 来加载 url ，我们不应该使用 templateUrl ，但templateProvider。

有a working plunker

这可能是服务：

  .factory('mainTemplateService', ['$templateRequest', function($templateRequest) {
    return {
      getTemplateUrl: function(stateParams, urlPart) {
        var url = "temp" + urlPart; 
        return $templateRequest(url); 
      }
    }
  }])

这些是州：</ p>

.state('account.payoutconfirmation', {
  url: '/ticketprint',
  templateProvider: ['$stateParams', 'mainTemplateService',
    function(stateParams, mainTemplateService) {
      return mainTemplateService.getTemplateUrl(stateParams, '/account/payoutconfirmation');
  }],
})
.state('account.state', {
  url: '/printticket',
  templateProvider: ['$stateParams', 'mainTemplateService',
    function(stateParams, mainTemplateService) {
      return mainTemplateService.getTemplateUrl(stateParams, "/account/state.html")
  }],
})

检查it here

另外，请检查以下内容：

为什么我使用.html状态时会出现404错误？

1 个答案: