2

是否可以将 templateUrl 参数传递给类似于以下内容的 .state 选项卡定义？我有多个不同的页面要编写，并且不希望单个模板中的一堆嵌套 ng-if 来解析要显示的“html”页面：

  .state('tab.menu', {
      url: '/menu',
      views: {
        'tab-menu': {
          templateUrl: 'templates/tab-menu.html',
          controller: 'MenuCtrl'
        }
      }
    })
.state('tab.menu-detail', {
  url: '/menus/:menuID',
  views: {
      'tab-menu': {
        templateUrl: function($stateParams,Menus) {
          console.log("In function") ;
          console.log("Template: " + Menus.get($stateParams.menuID).url) ;
          return 'templates/' + Menus.get($stateParams.menuID).url ;
        },
        controller: 'MenuSubCtrl'
      }
    }
})

// controllers
.controller('MenuCtrl', function($scope,Menus) {
    $scope.menus = Menus.all() ;
}) 

.controller('MenuSubCtrl', function($scope,$stateParams,Menus) {
  $scope.menu = Menus.get($stateParams.menuID);
}) 

// services
.factory('Menus', function() {
  var menus = [
    {name:"Account",url:"menu-account.html",menuID:0},
    {name:"Contact",url:"menu-contact.html",menuID:1},
    {name:"Help",url:"menu-help.html",menuID:2},
    {name:"Privacy",url:"menu-privacy.html",menuID:3},
    {name:"Rate App",url:"menu-rate.html",menuID:4},
    {name:"Report Bugs",url:"menu-bugs.html",menuID:5},
    {name:"Settings",url:"menu-settings.html",menuID:6}
  ] ;

  return {
    all: function() {
      return menus ;
    },
    get: function(menu) {
      for (var i = 0; i < menus.length; i++) {
        if (menus[i].menuID === parseInt(menuID)) {
          return menus[i];
        }
      }
      return null;
    },
  } ;
 }) ;

在上面的 .state('tab.menu-detail'... 中， templuateUrl 函数触发并且第一个控制台日志条目有效，第二个什么也不做，没有消息，没有错误......什么都没有。它只是停止。我已尝试多次迭代以使其正常工作并且完全不知所措。当我单击上面的选项卡页面链接（应该将您带到子自定义视图）时，它什么也不做。没有控制台消息，没有错误.. 。没有什么。

4

1 回答 1

1

您可以将功能分配给模板网址。在解决方案运行良好之后，我遇到了类似的情况。检查这个： 链接

于 2016-06-07T18:05:51.090 回答