Angular 2的选择框具有默认值

Question

我正在尝试将模型驱动表单的默认值设置为始终为Public，但在查看时它始终显示为空白。如果只是使用常规html，它将与所选的=＆＃34; Public＆＃34;但看起来formControlName会覆盖它。

<select formControlName="privacy">
      <option [value]="2">Public</option>
      <option [value]="3">Friends</option>
      <option [value]="1">Private</option>
</select>

compontent.ts

this.wallPost= fb.group({
        "content": ["", Validators.required],
        "privacy": ["2"]
    });

Answer 1

在控制器中你应该有类似的东西：

this.wallPost = new FormGroup({
    privacy: new FormControl(2)
});

或

constructor(public fb: FormBuilder) {}
this.wallPost = this.fb.group({
    privacy: [2]
});

取决于您是手动创建表单还是使用表单构建器

工作Plunkr