Question

我在角度流星项目中使用角度材质和ui-router。我设法成功地使用带有角度材料的ui-router，并且除了一件事之外一切正常工作：如果你注意到，角度材料标签有一个小动画，使每个标签的内容在点击选项卡时从左或右滑动。使用ui-router这个动画就丢失了。有没有办法让它使用ui-router？先谢谢。

Answer 1

首先，你需要使用＆＃39; ui-sref＆＃39;在您的标签中使用状态而不是此pastebin.com/x4MJLfBE＆＃39; ui-view＆＃39;从状态显示模板。

<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

好的我用这种方式解决了：它足以避免＆＃34;模板＆＃34;或＆＃34; templateUrl＆＃34;在路由器状态定义内部并将每个内容嵌入md-tab本身。让路由器状态定义只是改变URL，一切都会起作用。

角度材料动画和ui路由器

2 个答案: