Как установить значение в опции множественного выбора в FORM в AngularJS?

Question

Hmtl:

<div class="form-group">
  <label for="loaisanpham">Loại Sản Phẩm</label>
  <select class="form-control" name="idLoaisp" id="idLoaisp" ng-model="idLoaisp"  ng-required=true>
     <option ng-repeat="loaisanpham in loaisanphams | orderBy: 'tenLoaisp'" value="{{loaisanpham.idLoaisp}}">{{loaisanpham.tenLoaisp}}</option>
   </select><br> 
</div>

<div class="form-group">
  <label for="phuong">Phường</label>
  <select class="form-control" name="idVungxa" id="idVungxa" ng-model="idVungxa"  ng-required=true>
      <option ng-repeat="vungxa in vungxas | orderBy: 'tenVungxa'" value="{{vungxa.idVungxa}}">{{vungxa.tenVungxa}}</option>
   </select><br>
</div>

JavaScript:

document.getElementById("idLoaisp").value = track.loaisanpham.idLoaisp;
document.getElementsById("idVungxa").value = track.vungxa.idVungxa;

Просто idLoaisp показать значение в html и idVungxa не покажи.

Не понимаю, почему не отображается. Помоги мне. Ткс все

Answer 1

В простом HTML5 вы бы установили параметр как «выбранный»:

следующим образом:

<select multiple>
  <option value="a">a</option>
  <option value="b" selected>b</option>
  <option value="c" selected>c</option>
</select>

В Angular может быть другой способ сделать это, но если это поможет, вы можете использовать

<option [attr.selected]="boolean" ...

Answer 2

Удалите атрибут "value" в параметрах html и установите значение для модели, у вас есть ng-model="idLoaisp" и ng-model="idVungxa" в представлении, поэтому я предполагаю, что в вашем контроллере у вас есть это переменные для хранения значений выбранного элемента, модели имеют двойную привязку, что означает, что вы также можете установить значение для этой модели.

$ctrl.idLoaisp = track.loaisanpham.idLoaisp
$ctrl.idVungxa = track.vungxa.idVungxa

Answer 3

Присвойте свое значение области $ в вашем контроллере.

$ scope.idVungxa = track.loaisanpham.idLoaisp;