材料设计(AngularJS)<md-select>不工作</md-select>

时间:2015-03-19 09:54:35

标签: javascript html angularjs material-design angular-material

我正在尝试使用<md-select>代码,但我的结果与here中的结果相同。

我正在写这段代码:

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

但我得到的结果是:

enter image description here

其他Material Design元素工作正常,只有似乎不起作用的<md-select>标记。我已经尝试阅读文档here,但它很简单,我不明白为什么不工作。

当我使用默认的<select><option>标签时,它可以使用,但我真的想使用Material Design。

1 个答案:

答案 0 :(得分:6)

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

我也尝试过来自ajax.googleapis.com/ajax/libs/的稳定版,但是没有创建md-select。所以,它似乎是某种libs版本的问题。

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