экспорт константных значений без привязки в выпадающем списке - PullRequest
Новая
       20

экспорт константных значений без привязки в выпадающем списке

0 голосов
/ 03 сентября 2018

У меня есть постоянные значения в отдельном файле, и я связываю значения в выпадающих меню, дни недели работают нормально, но интервал времени связывает его как объект объекта вот постоянные значения.ts

нормально работает 

 export const weekdays =['sunday','Monday','Tuesday','wednesday','thursday'];

Не работает 

   export const IntervalTime =[{key:0,value:'10.00'},{key:1,value:'11.00'}];

component.ts 

 import {Component,OnInit} from '@angular/core';
    import {weekdays} from './constantvalues';
      /**
     * @title Basic select
     */
    @Component({
      selector: 'select-overview-example',
      templateUrl: 'select-overview-example.html',
      styleUrls: ['select-overview-example.css'],
    })
    export class SelectOverviewExample implements OnInit {
      days=[];

//not working[![enter image description here][1]][1]

    times =[];


ngOnInit(){
  [...this.days] = weekdays;
  [...this.times]=IntervalTime;
}
    }

html:
     <mat-form-field>
      <mat-select placeholder="select Weekdays">
        <mat-option *ngFor="let day of days" [value]="day">
          {{day}}
        </mat-option>
      </mat-select>
    </mat-form-field>
    <hr/> Second Dropdrown with Array of object

    <mat-form-field>
      <mat-select placeholder="select Weekdays">
        <mat-option *ngFor="let time of times" [value]="time">
          {{time}}
        </mat-option>
      </mat-select>
    </mat-form-field>

демо

enter image description here

1 Ответ

0 голосов
/ 03 сентября 2018

Для времени вы должны назначить time.value, а не весь объект 

<mat-form-field>
  <mat-select placeholder="select Weekdays">
    <mat-option *ngFor="let time of times" [value]="time">
      {{time.value}}
    </mat-option>
  </mat-select>
</mat-form-field>

Forked демо

...