angularjs: невозможно отобразить несколько выбранных элементов в md-select при загрузке - PullRequest
Новая
       22

angularjs: невозможно отобразить несколько выбранных элементов в md-select при загрузке

0 голосов
/ 15 января 2020

Я учусь разрабатывать веб-приложение, используя "Angularjs".

Веб-страница приложения - это форма ввода, в которой пользователь редактирует свой профиль. Форма ввода отображает существующие данные пользователя в angular элементах управления отображением материала. Я использую выпадающий список "md-select" для отображения увлечений пользователя. Однако я не смог отобразить существующие увлечения в выпадающем меню "md-select".

Ниже приведен нерабочий код:

HTML: 

<md-select ng-model="ctrl.exthobbies" ng-model-options="{trackBy: '$value.id'}">
    <md-option ng-repeat="n in ctrl.hobbies" ng-value="n">
      {{ n.value }}
    </md-option>
</md-select>
<p>number: {{ ctrl.exthobbies}}</p>

JS: 

   _this.exthobbies= [{id: 1, value: "Reading"},{id: 6, value: "Paragliding"}];
    _this.hobbies= [
      {id: 0, value: "None"},
      {id: 1, value: "Reading"},
      {id: 2, value: "Writing"},
      {id: 3, value: "Driving"},
      {id: 4, value: "Swimming"},
      {id: 5, value: "Skating"},
      {id: 6, value: "Paragliding"},
      {id: 7, value: "Hiking"}
    ];

Полный код можно найти в "Codepen" по адресу: https://codepen.io/oiproj/pen/KKwBxoM

Вопрос: Можно ли найти исправление?

1 Ответ

1 голос
/ 15 января 2020

Вы должны добавить multiple = "true" к md-select для поддержки нескольких элементов: 

<md-select multiple="true" ng-model="ctrl.exthobbies" ng-model-options="{trackBy: '$value.value'}">
    <md-option ng-repeat="n in ctrl.hobbies track by n.value" ng-value="n">
      {{ n.value }}
    </md-option>
  </md-select>
...