Angular Material css 在 Slider 上不工作

Question

为什么我的 css 应用于滑块如此不合适？其他如输入、按钮等..工作正常。

它应该是这样的 https://material.angularjs.org/latest/demo/slider

这就是它的样子 http://imgur.com/a/IWXGQ"Slider"

谢谢！

Answer 1

您评论中的 Plunker 有很多错误，您可以在控制台中看到这些错误。

我已经用你的标记和代码创建了一个 CodePen，它似乎可以正常加载正确的文件 - CodePen

点击"Settings"即可查看以下文件。

CSS 个文件

https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.0-rc.5/angular-material.css https://code.getmdl.io/1.1.3/material.cyan-light_blue.min.css

JS 文件

https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.0-rc.5/angular-material.js

你滑块

<md-slider-container>
    <md-slider flex="" min="0" max="255" ng-model="color.red" id="red-slider">
    </md-slider>
    <md-input-container>
        <input flex="" type="number" ng-model="color.red" aria-controls="red-slider">
    </md-input-container>
</md-slider-container>

Angular Material css 在 Slider 上不工作

Angular Material css is not working on Slider

html

javascript

css

angular-material