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>标签时，它可以工作，但我真的想使用 Material Design 的。

4

1 回答 1

6

我已经提出了这个http://codepen.io/anon/pen/JowXQy通过 RawGit 引用最新的库，它工作正常。

我也尝试过来自 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 回答