ng-scrollbar问题与角度材料中的md-sidenav

时间:2016-08-08 15:31:06

标签: angularjs angular-material

我正在使用 mailhu自定义滚动条插件以及 ngScrollbar

它适用于<md-content>,但我遇到<md-sidenav>

的问题

执行此代码后

<md-sidenav md-swipe-left="sidenav_toggle()"
            class="md-sidenav-left md-whiteframe-z2"
            md-is-locked-open="$mdMedia('gt-sm')"
            md-component-id="leftNav"
            md-scroll-y
            ng-scrollbars
            ng-scrollbars-config="vertScrollConfig">

      ...
</md-sidenav>

将vertScrollConfig设为 -

$scope.vertScrollConfig = {
                    autoHideScrollbar: false,
                    theme: 'minimal-dark',
                    advanced:{
                        updateOnContentResize: true
                    },
                    axis: 'y',
                    scrollInertia: 400,
                };

我收到以下 $ compile:multidir 错误 -

$compile:multidir error

Angular Site找到了一些东西,但我不明白该做什么,以及出现这个问题的指令。

请尽可能详细地回复,因为我是这个角色的初学者。

1 个答案:

答案 0 :(得分:0)

找到一个临时修复..!

<script>
        $('md-sidenav').mCustomScrollbar({
              axis: "y",
              autoExpandScrollbar: false,
              autoHideScrollbar: false,
              theme: 'dark',
              advanced:{
                     updateOnContentResize: true
              },
              scrollButtons: {
                     scrollAmount: 'auto', 
                     enable: true 
              },
        });
</script>

但那不太好,需要解决这个问题或所谓的错误。