角材料动画和UI路由器

Question

我在角流星项目中使用角材料和UI路由器。我设法成功地使用带有角度材质的UI路由器，除了一件事情之外，一切正常：如果您注意到，角材料选项卡具有一个微小的动画，使得每个选项卡的内容在点击选项卡时从左侧或右侧滑动。使用ui-router这个动画会丢失。有没有办法让它使用ui-router？事先感谢。

Answer 1

首先，您需要在选项卡中使用状态的'ui-sref'属性来代替pastebin.com/x4MJLfBE'ui-view'来显示来自状态的模板。

<md-tabs md-selected="selectedIndex" md-border-bottom md-autoselect> 
    <md-tab label="Configuration" ui-sref="admin.configurations"></md-tab> 
    <md-tab label="Users" ui-sref="admin.users.list"></md-tab> 
    <md-tab label="Songs" ui-sref="admin.songs"></md-tab> 
</md-tabs> 
<div ui-view></div> 

UI-SREF这是你的状态

.state('admin.configurations', { 
      url: '/configurations', 
      templateUrl: 'app/admin/configurations/configurations.tmpl.html', 
      controller: 'ConfigurationsController as ctrl', 
     }) 
.state('admin.users.list', { 
      url: '/list', 
      templateUrl: 'app/admin/users/users.tmpl.html', 
      controller: 'UsersListController as ctrl' 
     }) 

加上你的父母状态必须是抽象的。这意味着，如果你有模板，你的标签，现在你在管理状态

.state('admin', { 
      url: '/admin', 
      templateUrl: 'app/admin/admin.tmpl.html', 
      controller: 'AdminController as ctrl' 
     }) 

Answer 2

好，我解决了这个办法：它足以避免路由器状态定义中的“模板”或“templateUrl”和嵌入其中MD每个内容选项卡本身。让路由器状态定义只是改变网址，一切都会工作。