Javascript 角度材质md滑块：垂直滑块在md sidenav中不起作用

实际行为：

问题是什么？* md滑块不能垂直放置在md sidenav material.angularjs.org/latest/demo/slider中

预期的行为是什么？ 当我将md垂直属性添加到md滑块时，它在项目的任何部分都是垂直的，但是当放置在md sidenav中时，它保持水平

显示问题的Plnkr 详细信息：注意侧栏打开时md滑块是水平的，而不是垂直的，尽管有垂直属性角度版本：* 角度版本：1.5.3 角材质版本：1.0.9 其他信息：

浏览器类型：*chrome：最新版本 浏览器版本：*Chrome:最新版本

---

操作系统：*Mac:OSX 10.10.5

我认为这是因为您使用的是旧版本的棱角材质。根据Angle material.js文件的标题，它显示版本v0.5.1。我认为您已经将所有缩小的JS文件合并到docs.JS中，在该文件或angular material.min.JS中无法看到版本

我已经把你的例子删去了--以配合一个实际的例子。正如您所看到的，CodePen按预期工作

将Angular Material更新到最新版本（v1.1.0），它应该可以正常工作

代码笔标记

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

卷

此sidenav已在您的设备上锁定打开。要返回默认行为，
缩小显示范围。

向左切换

我认为这是因为您使用的是旧版本的棱角材质。根据Angle material.js文件的标题，它显示版本v0.5.1。我认为您已经将所有缩小的JS文件合并到docs.JS中，在该文件或angular material.min.JS中无法看到版本

我已经把你的例子删去了--以配合一个实际的例子。正如您所看到的，CodePen按预期工作

将Angular Material更新到最新版本（v1.1.0），它应该可以正常工作

代码笔标记

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

卷

此sidenav已在您的设备上锁定打开。要返回默认行为，
缩小显示范围。

向左切换

请将代码直接添加到问题中，而不是添加到代码的链接。超出字符限制，抱歉请将代码直接添加到问题中，而不是添加到代码的链接。超出字符限制，抱歉我在我的机器上使用了最新的角度/角度材质，所有依赖项都正常-所有材质元素都工作正常，除此之外。抱歉，您的密码笔似乎不在我的机器上工作，因此我无法看到正在工作的密码笔example@eliber我在docs.js和angle-material.min.js中搜索了字符串“md vertical”，但没有找到。它可以在我的angular-material.min.js中找到。谢谢，我已经进行了三次检查，似乎我机器上的所有东西都在工作，但是在从头开始项目后，我无法使滑块在sidenav中垂直显示，当我单独使用时，滑块确实垂直显示，但是在侧边栏中不起作用。嗨，我在我的机器上使用最新的角度/角度材质，所有依赖项都正常-所有材质元素都工作正常，排除了这种情况。抱歉，您的密码笔似乎不在我的机器上工作，因此我无法看到正在工作的密码笔example@eliber我在docs.js和angle-material.min.js中搜索了字符串“md vertical”，但没有找到。它可以在我的angular-material.min.js中找到。谢谢，我已经进行了三次检查，似乎我机器上的所有东西都在工作，但是在从头开始项目后，我无法使滑块在sidenav中垂直显示，当我单独使用滑块时，滑块确实垂直显示，但在侧边栏中不工作。