Проблема с полосой прокрутки ng с md-sidenav в угловом материале

Я использую плагин пользовательской полосы прокрутки 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, но я не понял, что делать на самом деле и какая директива выдвигает проблему.

Пожалуйста, ответьте как можно подробнее, так как я новичок в этом угловатом материале.


angularjs angular-material
person Vaishnav Mhetre    schedule 08.08.2016    source источник
comment
Ошибка, которую вы получаете, такова: docs.angularjs.org/error/$compile/multidir (к которому вы можете перейти, нажав на ошибку в консоли). Похоже, директивы ng-scrollbars вызывают проблемы с md-sidenav. Мне любопытно, зачем вам нужно использовать ng-scrollbars? Что он делает, чего вы не можете достичь с помощью Angular Material?   -  person camden_kid    schedule 08.08.2016
comment
Мне нужно заменить обычную полосу прокрутки Left Side Nav на полосу прокрутки Malihu, и, как указано в документации, мне нужно указать ng-scrollbars для компонента, чтобы изменить его стиль полосы прокрутки.   -  person Vaishnav Mhetre    schedule 08.08.2016

Ответы (1)


arrow_upward
0
arrow_downward

Нашел временное исправление..!

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

Но это не нормально, нужно исправить эту проблему или так называемую ошибку.

person Vaishnav Mhetre    schedule 09.08.2016