1

タグを使用しようとしていますが、ここ<md-select>と同じ結果が得られません。

私はこのコードを書いています：

<div layout="column" layout-align="center center" style="margin: 0px 10px 0px 5px;">
  <h1 class="nomargin">X</h1>
  <p class="unit normagin">milimeter</p>
</div>
<div>
  <md-select ng-model="motion.someVal0">
    <md-option value="1">Move Absolute</md-option>
    <md-option value="2">Move Relative</md-option>
    <md-option value="3">Jog</md-option>
  </md-select>
</div>

しかし、私が得た結果は次のとおりです。

ここに画像の説明を入力

他のマテリアル デザイン要素は正常に機能していますが、<md-select>機能していないように見えるタグのみです。私はすでにここでドキュメントを読み込もうとしましたが、それは非常に単純なので、なぜ機能しないのかわかりません。

デフォルト<select>と<option>タグを使用すると機能しますが、マテリアル デザインのものを使用したいです。

4

1 に答える 1

6

RawGit を介して最新のライブラリを参照するhttp://codepen.io/anon/pen/JowXQyを作成しましたが、正常に動作しています。

ajax.googleapis.com/ajax/libs/ から安定したものも試しましたが、md-select は作成されませんでした。したがって、ある種のライブラリのバージョンの問題のようです。

<!-- Angulars Material CSS using RawGit to load directly from `bower-material/master` -->
<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">


<!-- Angular Material Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.js"></script>

<!-- Angular Material Javascript using RawGit to load directly from `bower-material/master` -->
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>

于 2015-03-19T13:55:39.217 に答える