Javascript 复选框未显示在md中选择多个
我正在尝试在md select中启用multi-select。我已将Javascript 复选框未显示在md中选择多个,javascript,angularjs,angular-material,md-select,Javascript,Angularjs,Angular Material,Md Select,我正在尝试在md select中启用multi-select。我已将multiple硬编码为true,但除了下拉列表中的值外,md select未显示复选框 我使用的是AngularJS 1.4.8和AngularMaterial 1.0.0 代码: {{selectedObservation} mainApp.controller('CircleTimeActivityPageController',函数($scope、$http、$mdToast、$log){ $scope.observa
multiple
硬编码为true,但除了下拉列表中的值外,md select未显示复选框
我使用的是AngularJS 1.4.8和AngularMaterial 1.0.0
代码:
{{selectedObservation}
mainApp.controller('CircleTimeActivityPageController',函数($scope、$http、$mdToast、$log){
$scope.observations=[1.3,1.2,1.1];
});
请原谅我对AngularJS和AngularMaterial的无知
编辑:
代码笔示例:
“致以最良好的祝愿”Angular material 1.0不会在“选择多个”
下拉列表中显示复选框-相反,所选元素的颜色会更改。在代码笔示例中,很难看到它,因为主题颜色非常接近默认的、未选择的黑色-签出,您将看到它更容易看到。无论复选框如何,功能都应该存在
如果要使用复选框,则需要使用较新版本的angular material(角度材质)-例如,1.1.0版本具有这些复选框。angular material 1.0不会在
选择多个
下拉列表中显示复选框-相反,所选元素的颜色会更改。在代码笔示例中,很难看到它,因为主题颜色非常接近默认的、未选择的黑色-签出,您将看到它更容易看到。无论复选框如何,功能都应该存在
如果您想选中这些复选框,则需要使用较新版本的angular material,例如1.1.0版本就有这些复选框。我认为这只是版本问题。 如果您将
角材料
版本升级到最新的1.1.1,您的问题将得到解决,如图所示
。。。
...
希望能有所帮助我想这只是版本问题。 如果您将
角材料
版本升级到最新的1.1.1,您的问题将得到解决,如图所示
。。。
...
希望对你有所帮助。我不理解你的问题。您的
$scope.observations=[]代码>看起来是空的,复选框在哪里?在此代码中为空,但在应用程序中已更新。我将使用值更新代码。我无法准确理解您的问题。请查看更新后的问题。数字值的左边应该有复选框,但由于某些原因它们不可见。仍然不理解您的问题。不理解您的问题。您的$scope.observations=[]代码>看起来是空的,复选框在哪里?在此代码中为空,但在应用程序中已更新。我将使用值更新代码。我无法准确理解您的问题。请查看更新后的问题。数字值的左边应该有复选框,但由于某些原因它们不可见,仍然不理解您的问题。它确实在AngularMaterial演示版1.1.0中显示复选框-如果您希望复选框本机显示在那里,您需要使用该版本,而不是1.0版本。它确实会在AngularMaterial演示中显示复选框,即1.1.0版本-如果您希望复选框在本地显示,您需要使用该版本,而不是1.0版本。非常感谢@t如前所述,如果试图使用ng multiple
将multiple
绑定到属性,则该复选框仍不显示。您可以尝试将codepen演示更改为multiple
到ng multiple=“true”
。复选框不会显示。有什么办法吗?非常感谢@t如前所述,如果试图使用ng multiple
将multiple
绑定到属性,则该复选框仍不显示。您可以尝试将codepen演示更改为multiple
到ng multiple=“true”
。复选框不会显示。有办法吗?
<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];
});
...
<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>
...