Почему угловой материал снимает все классы с 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-рейз и .md первичными были лишены даже несмотря на пример исходного кода в государстве официальных учебников использовать их.

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.