Angular 动态创建的选择控件
使用Angular的反应式表单,我从服务器上的模式动态创建表单。对于UI,我使用的是Material2 在我的实际代码中,formGroup和控件是从模式创建的,但在下面的示例中,我只是为了简单起见分配了所有内容,以避免任何时间问题。目前,我使用的是最新版本2.0.0 beta12 在添加select组件之前,一切都很正常。动态创建“选择”时,我收到一个模板分析错误: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
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">
您需要在此处发布您的代码或标记,而不是第三方网站,该网站可能会更改或消失,将来不会帮助任何人:对不起!我也会在这里添加代码。我认为链接到工作示例更有帮助。是我的错。