選択値を形成する角2の結合

Question

フォーム選択要素のユーザー保留中の要素の色を制御しようとしています。現在、私は静的にしか動かすことができません。

selectedEventGroup: string[]; //これは、フォームのselectドロップダウンでユーザー選択を取得します。

color: string = SchedulingMatrix.selectedEventGroup.value; //この作業でエラーが返されます。 「selectedEventGroupはすべてそれ自体で別の問題であるかもしれないtypeofをSchedulingMatrixに存在しません。

color: string = "green"; //これは動作しますが、私の選択コンポーネントselectedObjectがある<p-dropdown [options]="eventGroup" [(value)]="eventGroup" style="width: 180px;"></p-dropdown>

import.... 

@Component({ 
    ... 
}) 
export class SchedulingMatrix implements OnInit { 

    events: any[]; 

    event: MyEvent; 

    dialogVisible: boolean = false; 

    constructor(private eventService: EventService, private cd: ChangeDetectorRef) { 

    this.eventGroup = []; 
    this.eventGroup.push({ 
     label: 'Select Group', 
     value: '#fff' 
    }); 
    this.eventGroup.push({ 
     label: 'group 1', 
     value: '#ccc' 
    }); 
    this.eventGroup.push({ 
     label: 'group 2', 
     value: '#ddd' 
    }); 
    this.eventGroup.push({ 
     label: 'group 3', 
     value: '#eee' 
    }); 

    } 

    eventGroup: SelectItem[]; 
    selectedEventGroup: string[]; //this grabs the users selection in the select dropdown. 

} 

export class MyEvent { 
    id: number; 
    title: string; 
    start: string; 
    end: string; 
    color: string = "green"; //This works but is static 
    //color: string = SchedulingMatrix.selectedEventGroup.value; //Not sure what to use here to hook up to the the users selection in the eventGroup 
    allDay: boolean = true; 
} 

Answer 1

<select *ngIf="eventGroup" [(ngModel)]="selectedObject"> 
    <option *ngFor="let x of objectList" [ngValue]="x"> 
     {{...}} 
    </option> 
</select> 

静的です任意のオブジェクト と[[値]] = "イベントグループ"の代わりにこの[ngValue]を試してください