Javascript 复选框未显示在md中选择多个

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

我正在尝试在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.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>
...