角材mdスライダ：md-sidenavで垂直スライダが機能しません

Question

実際の動作：

問題点は何ですか？ * md-スライダをmd-sidenavに垂直に配置することはできませんhttps://material.angularjs.org/latest/demo/sidenav material.angularjs.org/latest/demo/slider

予想される動作は何ですか？注意：どのように私はMD-スライダにMD-垂直属性を追加すると、MD-sidenavに置かれたとき それは問題https://embed.plnkr.co/7lBplI/ 詳細を示し、横

Plnkrのまましかし、プロジェクトのどの部分で垂直になります* 角度バージョン：1.5.3 角材質のバージョン：1.0.9 追加情報：サイドバーが垂直属性アンギュラバージョン持っているにもかかわらず、MD-スライダが水平方向と垂直方向ではありません開いている

ブラウザの種類：*クローム：最新バージョン ブラウザのバージョン：* Chrome：latest OS：* Mac：OSX 10.10.5

Answer 1

旧型の角材を使用しているためだと思います。 angle-material.jsのファイルによれば、それはv0.5.1のバージョンを示しています。私はあなたが縮小したすべてのJSファイルをdocs.jsにまとめました。その中のバージョンを見ることはできません。angular-material.min.jsです。

CodePenの例に一致するように、私はあなたの例 - Plunker - を削除しました。ご覧のとおり、CodePenは期待どおりに動作します。

角材を最新版（v1.1.0）に更新しても問題ありません。

CodePenマークアップ

<md-sidenav class="md-sidenav-left" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')" md-disable-backdrop="" md-whiteframe="4"> 
    <div layout-padding="" ng-controller="LeftCtrl"> 
    <md-slider-container flex> 
     <md-slider ng-model="vol" min="0" max="100" aria-label="volume" id="volume-slider" class="md-accent" md-vertical md-range> 
     </md-slider> 
    <h5>Volume</h5> 
    </md-slider-container> 
    <p hide="" show-gt-md=""> 
     This sidenav is locked open on your device. To go back to the default behavior, 
     narrow your display. 
    </p> 
    </div> 
</md-sidenav> 

<md-content flex="" layout-padding=""> 
    <div layout="column" layout-fill="" layout-align="top center"> 
    <div> 
     <md-button ng-click="toggleLeft()" class="md-primary" hide-gt-md=""> 
     Toggle left 
     </md-button> 
    </div> 
    </div> 
</md-content>