Angular2-PrimeNg - 反应形式 - 多选不起作用

Question

我正在使用primeNg - 2.0.3和Angular 2.0.0，我正在使用反应式形式。我想在我的表单中使用 PrimeNg 的多选功能。我已经做了以下工作

组件.html

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

组件.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
    })
}

但是我收到一个错误错误：尝试差异' '不确定需要做些什么来解决这个问题。有人可以指导我们吗？

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 方法。