angularjs - 为什么角度材料会从 md 按钮中剥离所有类？

Question

我的代码：

<md-button class="md-raised md-primary">Login</md-button>

但 Chrome 将其呈现为：

<button class="md-button md-default-theme" ng-transclude="" style="touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><span class="ng-scope">Login</span></button>

.md-raised 和 .md-primary 类已被剥离，尽管官方教程中的源代码示例声明使用它们。

Answer 1

看起来你是基于一个有缺陷的版本，但由于你没有指明正在使用的版本，所以无法判断。最近发生了一些变化，现在这似乎工作正常。

这个：

<md-button class="md-raised md-primary">Login</md-button>

应该生成：

<button class="md-raised md-primary md-button md-default-theme" ng-transclude="">
    <span class="ng-scope">Login</span>
    <div class="md-ripple-container"></div>
</button>

这是基于角材料 0.8.3。

Answer 2

我不确定，也不是这方面的大脑。看起来像“md-button”这样的主要类是指令的。在开始渲染之前，它可能会检查浏览器或您的设备。否则 webkit 的东西将无法与 Mozilla 一起使用。

我不确定...