Как я могу связать значение ngModel со списком опций в угловых 2? - PullRequest
Новая
       23

Как я могу связать значение ngModel со списком опций в угловых 2?

0 голосов
/ 25 октября 2019

Пример: 

<p-dropdown name="senderId" [options]="senderIdList" [filter]="true" required 
    #senderIdDrpdwn="ngModel" [(ngModel)]="selectedSenderId"></p-dropdown>

В senderIdList = есть список всех значений. В selectedSenderId = значение из senderIdList.

Но вывод показывает список только тогда, когда я выбираю в раскрывающемся списке, но я хочу, чтобы значение загрузки (которое находится в ngModel), а затем, чтобы щелкнуть по раскрывающемуся списку, показывает весь список (senderIdList).

Спасибо.

1 Ответ

0 голосов
/ 25 октября 2019

Здесь работает Пример 

  selected: any;
  cities = {};

  countries = [
    {
      id: 1,
      name: "Sri lanka"
    },
    {
      id: 2,
      name: "India"
    },

    {
      id: 3,
      name: "Japan"
    }
  ];

  ngOnInit() {

  }

  onChange(deviceValue) {
    console.log(
      "Changed Value is ",
      deviceValue,
      "name",
      this.countries[deviceValue].name
    );
    this.selected = this.countries[deviceValue - 1].name;
   }

.html 

<select name="city" class="rounded-inputs20 select-select col-md-3" (change)="onChange($event.target.value)">
  <option *ngFor="let country of countries"  [value]="country.id" >{{country.name}}</option>
  </select>
{{selected}}
...