Angular 动态创建的选择控件

Angular 动态创建的选择控件,angular,angular-material2,Angular,Angular Material2,使用Angular的反应式表单,我从服务器上的模式动态创建表单。对于UI,我使用的是Material2 在我的实际代码中,formGroup和控件是从模式创建的,但在下面的示例中,我只是为了简单起见分配了所有内容,以避免任何时间问题。目前,我使用的是最新版本2.0.0 beta12 在添加select组件之前,一切都很正常。动态创建“选择”时,我收到一个模板分析错误: Can't bind to 'name' since it isn't a known property of 'mat-sel

使用Angular的反应式表单,我从服务器上的模式动态创建表单。对于UI,我使用的是Material2

在我的实际代码中,formGroup和控件是从模式创建的,但在下面的示例中,我只是为了简单起见分配了所有内容,以避免任何时间问题。目前,我使用的是最新版本2.0.0 beta12

在添加select组件之前,一切都很正常。动态创建“选择”时,我收到一个模板分析错误:

Can't bind to 'name' since it isn't a known property of 'mat-select'.

这会抛出错误

以下是html模板:


{{option.viewValue}}
所选值:{{formValues.select}


在本例中,我的主要错误是混合了反应式表单语法和模板表单语法。对于像我这样仍在学习Angular 2+的人来说,这很糟糕:)

在我的formGenerator的上一次迭代中允许使用“name”的原因是允许使用name属性。一旦我添加了“formControlName”被动语法,则根据其选择器忽略了ngModel:

'[ngModel]:not([formControlName]):not([formControl])'
去掉我模板中所有的“ngModel”和“name”就成功了。所以它看起来像:

     <mat-select 
       [formControlName]="control"
       [title]="control"
       [placeholder]="schema.properties[control].title">


您需要在此处发布您的代码或标记,而不是第三方网站,该网站可能会更改或消失,将来不会帮助任何人:对不起!我也会在这里添加代码。我认为链接到工作示例更有帮助。是我的错。