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”这样的主要类是指令。在开始渲染之前，它会检查浏览器或您的设备。否则webkit的东西不适用于mozilla。

我不确定......

Answer 2

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

此：

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

为什么角度材料会将所有类别从md按钮上删除？

2 个答案: