Question

这是我的代码，我需要ui-view="tabs"才能正常工作，但当我在ui-view="details"内添加时发生错误

（angular.js：13550TypeError：无法读取属性＆＃39;名称＆＃39;未定义）

$stateProvider
.state('home',{
  views:{
    'tabs' :{
      templateUrl:   'http://v.eyp.iypcdn.com/static/mobile/js/app/html/home.html',
      controller: 'HomeController'
    }
  }
})
.state('categories', {
  views:{
    'tabs' :{
      templateUrl: 'http://v.eyp.iypcdn.com/static/mobile/js/app/html/categories.html',
      controller: 'CategoriesController'
    }
  }
})
.state('categoryDetails',{
  views:{
    'details': {
      templateUrl : 'http://v.eyp.iypcdn.com/static/mobile/js/app/html/categoryDetails.html',
      controller: 'CategoryDetailsCtrl'
    }
  },
  params:{
    cat: 'all'
  }
})

<div ui-view="details">
  <div  ng-controller="TabsController" class="tabsdemoDynamicTabs" layout="column">
    <div ui-view="tabs" layout-fill class="demo-tab tab{{index%4}}">
      <br>
    </div>
  </div>
</div>

Answer 1

您的HTML建议tabs是details视图中的嵌套视图。因此，您需要相应地定义状态信息。

试试这个：

.state('categoryDetails.home',{＆amp; .state('categoryDetails.categories',{

希望这能解决它...... :)

如何在html中进行嵌套的ui-view工作？

1 个答案: