复选框未显示在 md-select 多个
Checkbox not showing up in md-select multiple
我正在尝试在我的 md-select 中启用 multi select。我已将 multiple
硬编码为 true 但 md-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
此致
Angular-material 1.0 不会在 select multiple
下拉列表中显示复选框 - 相反,所选元素的颜色会发生变化。在您的 codepen 示例中,很难看到,因为主题颜色非常接近默认的未选择的黑色 - 查看 the same example with a pink theme instead,您会发现它更容易看到。无论复选框如何,功能都应该存在。
如果你想要复选框,你需要使用更新版本的 angular-material - 例如 1.1.0 版本有这些。
我认为这只是版本问题。
如果您将 angular-material
版本升级到最新的 1.1.1,您的问题将得到解决,正如您在 working 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>
...
希望对您有所帮助
我正在尝试在我的 md-select 中启用 multi select。我已将 multiple
硬编码为 true 但 md-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
此致
Angular-material 1.0 不会在 select multiple
下拉列表中显示复选框 - 相反,所选元素的颜色会发生变化。在您的 codepen 示例中,很难看到,因为主题颜色非常接近默认的未选择的黑色 - 查看 the same example with a pink theme instead,您会发现它更容易看到。无论复选框如何,功能都应该存在。
如果你想要复选框,你需要使用更新版本的 angular-material - 例如 1.1.0 版本有这些。
我认为这只是版本问题。
如果您将 angular-material
版本升级到最新的 1.1.1,您的问题将得到解决,正如您在 working 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>
...
希望对您有所帮助