Material 设计 (AngularJS) <md-select> 不工作
Material Design (AngularJS) <md-select> not working
我正在尝试使用 <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>
但我得到的结果是这样的:
其他 Material 设计元素工作正常,只有 <md-select>
标签似乎不起作用。我已经尝试阅读文档 here 但它太简单了,我不明白为什么不起作用。
当我使用默认的 <select>
和 <option>
标签时它可以工作,但我真的想使用 Material 设计标签。
我已经通过 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>
我正在尝试使用 <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>
但我得到的结果是这样的:
其他 Material 设计元素工作正常,只有 <md-select>
标签似乎不起作用。我已经尝试阅读文档 here 但它太简单了,我不明白为什么不起作用。
当我使用默认的 <select>
和 <option>
标签时它可以工作,但我真的想使用 Material 设计标签。
我已经通过 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>