Question

我正在使用ng-repeat="nio in icons.nucleoIcons | notAvailable: 'arrows-2_time'"作为ui-router。我无法将动画添加到md-sidenav。我希望页面从左侧滑动。

HTML：

sidenav

CSS：

<div ng-cloak>
  <md-sidenav md-component-id="left" class="md-sidenav-left">
  </md-sidenav>
</div>

JS：

.md-sidenav-left {
  top:75px;
  box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.7), 0 1px 5px 0 rgba(0,0,0,0.2);
  padding-top:20px;      
  transition: 1.5s;     
  width: 970px;
  z-index:99;
  padding-left: 20px;
  padding-right: 20px;

}

另外，我通过页面保持状态。非常感谢帮助。感谢。

Answer 1

不确定你是如何维护状态的，但这是ui-router的一个例子。

只需在isSideNavOpen＆amp;上使用手表添加了if-else条件来更改状态。

$scope.$watch('isSidenavOpen', function(isSidenavOpen) {
    if(isSidenavOpen){
        $state.go('about');
    }
    else{
        $state.go('home');
    }    
});

这个插件是从@Searching的小提琴创建的，包含了你问题的大部分代码。

Plunk!（您必须在单独的窗口中启动预览以查看其更改状态）

如果这仍然无法解决问题，那么最好是分叉这个插件并在那里重新创建你的场景。

Answer 2

1.html：缺少library(dplyr) library(nycflights13) T6 <- flights %>% left_join(select(airports,c(1,5)), by=c('origin'='faa')) %>% left_join(select(planes, -c(5,8)), by = "tailnum") %>% left_join(select(weather, -c(9,13,15)), by=c("origin"= 'origin','year.x'='year','month'='month','day'='day','hour'='hour')) %>% na.omit() %>% anti_join(filter(., arr_delay >0)) %>% select(humid)标记。

md-is-open

2.script：您正在观看<md-sidenav md-component-id="left" md-is-open="isSidenavOpen" class="md-sidenav-left">上的更改，触发后，$scope.isSidenavOpen设置为true或false。您不需要再次将其更新为md-is-open并保留true，这就是它始终打开的原因。这应该足够了。

true

md-sidenav动画无效

2 个答案: