Angular 材料2选择角度2不工作

Angular 材料2选择角度2不工作,angular,select,angular-material2,Angular,Select,Angular Material2,尝试在我的angular 2应用程序中使用Google material 2。 采用反应式或数据驱动式。 我的数组是 states = [ { value: 'KA', viewValue: 'Karnataka' }, { value: 'GJ', viewValue: 'Gujarat' }, { value: 'DL', viewValue: 'Delhi' } ]; 表单生成器是 this.registrationForm = this.fb.group({

尝试在我的angular 2应用程序中使用Google material 2。 采用反应式或数据驱动式。 我的数组是

states = [
    { value: 'KA', viewValue: 'Karnataka' },
    { value: 'GJ', viewValue: 'Gujarat' },
    { value: 'DL', viewValue: 'Delhi' }
  ];
表单生成器是

this.registrationForm = this.fb.group({

      accountInformation: this.fb.group({
        fullName: ['', Validators.required],
        email: '',
        mobileNumber: '',
        password: '',
        confirmPassword: '',
      }),

      currentAddress: this.fb.group({
        city: '',
        state: ''
      }),

    });
其中
正在工作

但是formControlName不起作用

<md-select placeholder="Select your state" formControlName="state"> 
                                                <option *ngFor="let state of states" [value]="state.value"> {{ state.viewValue }} </option> 
                                            </md-select>

但是如果没有
formControlName=“state”
,则不会得到任何错误,但是下拉列表不正确。

当您看到1时可能的操作。如果“md选项”是一个角度组件,并且它具有“值…”。。。。。控制台中出现错误

  • Angular没有遵从您的组件(md选项),它只意味着一个简单的html标记,因此您无法将任何内容绑定到它,请检查下面的内容:

    1-您试图使用指令/组件,但尚未声明(如果您使用的是angular2 rc5>),或者未将其放入指令数组(如果您使用的是angular2 rc5>)

2-您正在使用组件,但您应该已将其模块导入应用程序的导入列表中

  • Angular已编译,但:

3-如果不符合上述条件,则表示您正在向组件Bing某些内容,但该组件不需要它,换句话说,该组件在其输入数组中没有该属性。

当您看到1时,可能的操作。如果“md选项”是一个角度组件,并且它具有“值…”。。。。。控制台中出现错误

  • Angular没有遵从您的组件(md选项),它只意味着一个简单的html标记,因此您无法将任何内容绑定到它,请检查下面的内容:

    1-您试图使用指令/组件,但尚未声明(如果您使用的是angular2 rc5>),或者未将其放入指令数组(如果您使用的是angular2 rc5>)

2-您正在使用组件,但您应该已将其模块导入应用程序的导入列表中

  • Angular已编译,但:

3-如果不符合上述条件,则表示您正在向组件Bing某些内容,但该组件不需要它,换句话说,该组件在其输入数组中没有该属性。

不确定您是否使用的是问题标签上所说的
Angle-material2
,因为您提到的是“Google Material”,但如果您实际使用的是
angular-material2
,则目前没有可用的
md-select

查看此链接以了解现在发布的组件:


如果您使用的库不是
angular-material2
,您可能需要更新您的问题,以删除附加到“不获取无关答案”的
angular-material2
标记。

不确定您是否使用了问题标记所说的
angular-material2
,因为您提到的是“谷歌材料”,但如果您实际使用的是
angular-material2
,则目前没有可用的
md-select

查看此链接以了解现在发布的组件:


如果您使用的库不是
angular-material2
,您可能需要更新您的问题,以删除附加到“不获取无关答案”的
angular-material2
标记。

谢谢xe4Me,我正在使用最终版本。并尝试使用where正在工作。我已编辑问题。现在无法绑定formControlName感谢xe4Me,我正在使用最终版本。并尝试使用where正在工作。我已编辑问题。现在无法绑定formControlName
No value accessor for form control with path: 'currentAddress -> state' ; Zone: angular ; Task: Promise.then ; Value: