如何解决未找到名称“matAutocomplete”的导出
我无法理解我的代码出了什么问题,我导入了模块,但仍然收到此错误“未找到名称‘matAutocomplete’的导出”
注意:我在导入 MatAutocompleteModule 后重新启动我的 IDE 再次编译了几次,还是一样。
这里是 app.module.ts - 仅粘贴代码的相关部分
import {MatAutocompleteModule} from '@angular/material/autocomplete';
@NgModule({ declarations:[..xxxx....],imports:[xx,xxx,MatAutocompleteModule],providers:[xx,xx],bootstrap: [AppComponent]})
export class AppModule { }
component.html
<form class="form-group-parent p-0" [formGroup]="frmStep1" (ngSubmit)="submit()">
<mat-form-field class="example-full-width">
<input type="text" placeholder="Ex. English" aria-label="Language" matInput
[formControl]="language" [matAutocomplete]="auto">
<mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
<mat-option *ngFor="let option of languageList | async" [value]="option">
{{option}}
</mat-option>
</mat-autocomplete>
<mat-error>
<strong>Language</strong> is required.
</mat-error>
</mat-form-field>
</form>
component.ts
import {Component,OnInit} from '@angular/core';
import {FormControl,FormBuilder,FormGroup,Validators } from '@angular/forms';
import {Observable} from 'rxjs';
import {map,startWith} from 'rxjs/operators';
@Component({
selector: 'xxxx',templateUrl: './cxx.component.html',styleUrls: ['./xxx.component.scss']
})
export class xxxComponent implements OnInit {
constructor(
private pageTitle: Title,private router: Router,private fb: FormBuilder,private http: HttpClient,) { this.createForm(); }
frm1:FormGroup;
frm2:FormGroup;
languageList: Array<any> = ['A','B','C','D','E']
filteredOptions: Observable<string[]>;
ngOnInit():void{
this.filteredOptions = this.frmStep2.valueChanges.pipe(
startWith(''),map(value => this._filter(value))
);
}
createForm(): object {
this.frmStep1 = this.fb.group({
language:[,[Validators.required]]
});
return frmStep1 :this.frmStep1
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。