【问题标题】:Material Design (AngularJS) <md-select> not working材料设计(AngularJS)<md-select> 不工作
【发布时间】:2015-03-19 09:54:35
【问题描述】:

我正在尝试使用&lt;md-select&gt; 标签,但我无法获得与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 Design 元素工作正常,只有 &lt;md-select&gt; 标记似乎不起作用。我已经尝试阅读文档here,但它是如此简单,以至于我不明白为什么不起作用。

当我使用默认的 &lt;select&gt;&lt;option&gt; 标签时,它可以工作,但我真的想使用 Material Design 的标签。

【问题讨论】:

  • 你控制台说什么?
  • 控制台是指浏览器中的 F12 - 控制台选项卡?如果那时:GET http://127.0.0.1:49823/bootstrap/bootstrap.css.map 404 (Not Found) 但我认为这无关紧要,因为当我使用默认的 &lt;select&gt; 标签时,我也会收到此错误。
  • 好吧,你是对的,这不是问题。

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


【解决方案1】:

我已经通过 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-10-14
    • 1970-01-01
    • 1970-01-01
    • 2019-11-10
    • 2018-03-19
    • 1970-01-01
    • 1970-01-01
    • 2017-07-05
    • 1970-01-01
    相关资源
    最近更新 更多