0

我正在尝试在我的 md-select 中启用多选。我已硬编码为 true，但除了下拉列表中的值外，multiplemd-select 没有显示。checkbox

我正在使用 AngularJS 1.4.8 和 AngularMaterial 1.0.0。

代码：

<div style="background: #f7f7f7" ng-controller="CircleTimeActivityPageController">

            <md-input-container flex="30">
                     <md-select multiple="true" placeholder="Observations" ng-model="myData">
                          <md-option ng-value="selectedObservation" ng-repeat="selectedObservation in observations">
                                    {{ selectedObservation }}</md-option>
                     </md-select>
            </md-input-container>

 </div>

mainApp.controller('CircleTimeActivityPageController', function($scope, $http, $mdToast, $log) {
    $scope.observations = [1.3, 1.2, 1.1];
});

在此处输入图像描述

请原谅我对 AngularJS 和 AngularMaterial 的无知。

编辑：

CODEPEN 示例：https ://codepen.io/wingoku/pen/ZLYxNY

最好的祝福

4

2 回答 2

2

我认为这只是一个版本问题。如果您将angular-material版本升级到最新的1.1.1，您的问题将得到解决，正如您在这个工作 plunker中看到的那样。

...
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.1/angular-material.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.1/angular-material.js"></script>
...

希望能帮助到你

于 2017-01-05T15:23:25.520 回答
0

Angular-material 1.0 不会在select multiple下拉列表中显示复选框 - 相反，所选元素的颜色会发生变化。在您的 codepen 示例中，很难看到，因为主题颜色非常接近默认的未选择的黑色 - 请查看带有粉红色主题的相同示例，您会发现它更容易看到。无论复选框如何，该功能都应该存在。

如果您想拥有复选框，则需要使用更新版本的 angular-material - 例如 1.1.0 版本有这些。

于 2017-01-05T15:17:57.473 回答