Angular2-PrimeNg - 反応型 - 複数選択が機能しない

Question

私はprimeNg - 2.0.3とAngular 2.0.0を使用しています。私は反応型を使用しています。私は自分のフォームにPrimeNgのマルチセレクト機能を使いたいと思っています。私は、次の

Component.html

<div class="form-group"> 
     <label for="cities" class="control-label">Cities</label> 
     <p-multiSelect [options]="cities" formControlName="selectedCities"></p-multiSelect> 
</div> 

Component.ts

import {SelectItem} from 'primeng/primeng'; 

export class CreateKMSControlComponent implements OnInit { 
    cities: SelectItem[]; 
    selectedCities: FormControl; 
    ngOnInit() { 
     this.cities = []; 
      this.cities.push({label:'New York', value:'New York'}); 
      this.cities.push({label:'Rome', value:'Rome'}); 
      this.cities.push({label:'London', value:'London'}); 
      this.cities.push({label:'Istanbul', value:'Istanbul'}); 
      this.cities.push({label:'Paris', value:'Paris'}); 
    } 
    this.formGroup = new FormGroup({ 
     selectedCities : this.selectedCities 
    }) 
} 

を行っている。しかし、私はエラーのエラーを取得：修正するために何をすべきかわからない「」diffをしようとしこの問題。誰かが私たちを導くことができる？

Answer 1

import {SelectItem} from 'primeng/primeng'; 

export class CreateKMSControlComponent implements OnInit { 
    cities: SelectItem[]; 
    selectedCities: FormControl; 
    ngOnInit() { 
     this.cities = []; 
     this.cities.push({label:'New York', value:'New York'}); 
     this.cities.push({label:'Rome', value:'Rome'}); 
     this.cities.push({label:'London', value:'London'}); 
     this.cities.push({label:'Istanbul', value:'Istanbul'}); 
     this.cities.push({label:'Paris', value:'Paris'}); 

     this.formGroup = new FormGroup({ 
      selectedCities : this.selectedCities 
     }); 
    } 
} 

あなたのフォームをngOnInitメソッドに初期化します。