2016-08-08 6 views
0

私はmailhuカスタムスクロールバーのプラグインと一緒にngScrollbarを使用しています。角度の材料のmd-sidenavでのng-scrollbarの問題

それは<md-content>と正常に動作しますが、として、私はこのコードvertScrollConfigと

<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> 

の実行後<md-sidenav>

の問題に直面している - 私は$コンパイル、次の受信

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

:multidirエラー -

$compile:multidir error

Angular Siteでいくつかのものが見つかりましたが、私は実際に何をすべきか理解していなかったとされても問題が新興ディレクティブです。

私はこの角度のもので初心者ですので、できるだけ詳しくお答えください。

+0

エラーは、https://docs.angularjs.org/error/$compile/multidir(コンソールのエラーをクリックすると表示されます)です。 'ng-scrollbars'ディレクティブのように見えますが、' md-sidenav'に問題があります。私は好奇心が強いのですが、なぜ 'ng-scrollbars'を使う必要がありますか?あなたはアンギュラマテリアルでは達成できないことは何ですか? –

+0

** Left Side Navの通常のスクロールバーをMalihuスクロールバー**に置き換えなければなりません**、そのドキュメントで指定されているように、コンポーネントに 'ng-scrollbars'を指定してスクロールバースタイルを変更する必要があります –

答えて

0

一時的な修正が見つかりました..!

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

しかし、罰金ではないthatsのは、この問題やいわゆるバグを修正する必要があります。

関連する問題