Angular Priming下拉列表不以角度形式绑定选项
我试图在Angular 7中绑定表单数组中的priming下拉列表。但给定的选项没有得到约束 如果我使用的是同一个表单的外侧，那么它将被绑定。你能帮我解决这个问题吗。我犯了什么错误 这是stackblitz的代码 你可以试试这些Angular Priming下拉列表不以角度形式绑定选项,angular,primeng,angular-forms,Angular,Primeng,Angular Forms,我试图在Angular 7中绑定表单数组中的priming下拉列表。但给定的选项没有得到约束 如果我使用的是同一个表单的外侧，那么它将被绑定。你能帮我解决这个问题吗。我犯了什么错误 这是stackblitz的代码 你可以试试这些 import { Component } from '@angular/core'; import { FormControl, FormGroup, FormArray, FormBuilder } from '@angular/forms'; @Component
import { Component } from '@angular/core';
import { FormControl, FormGroup, FormArray, FormBuilder } from '@angular/forms';
@Component({
selector: 'my-app',
template: `
<form [formGroup]="form">
<input type="checkbox" formControlName="published"> Published
<div *ngIf="form.controls.published.value">
<h2>Credentials</h2>
<button (click)="addCreds()">Add</button>
<div formArrayName="credentials" *ngFor="let creds of form.get('credentials').controls; let i = index">
<ng-container [formGroupName]="i">
<input placeholder="Username" formControlName="username">
<input placeholder="Password" formControlName="password">
<p-dropdown formControlName="car" [options]="cars" placeholder="Select a Brand"></p-dropdown>
</ng-container>
</div>
</div>
</form>
<div (click)="formData()"> SUBMIT </div>
`,
})
export class AppComponent {
form: FormGroup;
creds :FormArray;
cars:any[]=[];
constructor(private fb: FormBuilder) {
this.form = this.fb.group({
published: true,
credentials: this.fb.array([]),
});
this.creds = this.form.controls.credentials as FormArray
this.cars = [
{label: 'Audi', value: 'Audi'},
{label: 'BMW', value: 'BMW'},
{label: 'Fiat', value: 'Fiat'},
{label: 'Ford', value: 'Ford'},
{label: 'Honda', value: 'Honda'},
{label: 'Jaguar', value: 'Jaguar'},
{label: 'Mercedes', value: 'Mercedes'},
{label: 'Renault', value: 'Renault'},
{label: 'VW', value: 'VW'},
{label: 'Volvo', value: 'Volvo'}
];
}
addCreds() {
const creds = this.form.controls.credentials as FormArray;
creds.push(this.fb.group({
username: '',
password: '',
car: []
}));
}
formData(){
console.log(this.form.value);
}
}
从'@angular/core'导入{Component}；
从'@angular/forms'导入{FormControl，FormGroup，FormArray，FormBuilder}；
@组成部分({
选择器：“我的应用程序”，
模板：`
出版
资格证书
添加
提交
`,
})
导出类AppComponent{
表格：表格组；
信条：正式；
汽车：任何[]=[]；
构造函数（私有fb:FormBuilder）{
this.form=this.fb.group({
出版:对,，
凭据：this.fb.array（[]），
});
this.creds=this.form.controls.credentials作为FormArray
这辆车=[
{标签：'Audi'，值：'Audi'}，
{标签：'BMW'，值：'BMW'}，
{标签：'Fiat'，值：'Fiat'}，
{标签：'Ford'，值：'Ford'}，
{标签：'Honda'，值：'Honda'}，
{标签：'Jaguar'，值：'Jaguar'}，
{标签：'Mercedes'，值：'Mercedes'}，
{标签：'雷诺'，值：'雷诺'}，
{标签：'VW'，值：'VW'}，
{标签：'Volvo'，值：'Volvo'}
];
}
addCreds（）{
const creds=this.form.controls.credentials作为FormArray；
信任推送（this.fb.group）({
用户名：“”，
密码：“”，
汽车：[]
}));
}
formData（）{
console.log（this.form.value）；
}
}