0

md-select で複数選択を有効にしようとしています。trueにハードコーディングmultipleしましたが、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 に関する私の無知をお許しください。

編集：

コードペンの例: 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 に答える