小编yud*_*aha的帖子

Mat-Autocomplete formControlName

我在 Mat-Autocomplete 上使用 formControlName 时遇到问题。我不知道为什么,但我的 formControlName 不会发送数据,是我写错了吗?当我尝试从 HTML 中删除 [formControl] 时,它总是无法过滤。

HTML

<form [formGroup]="form" #legalDataFrm="ngForm" autocomplete="off" fxLayout.gt-sm="column" fxFlex="1 1 auto" novalidate>
  <input type="text" placeholder="Pilih Bank" 
    formControlName="bankName" matInput 
    [formControl]="myControl" [matAutocomplete]="auto">
    <mat-autocomplete 
    #auto="matAutocomplete" 
    (optionSelected)='onChangeBank()' 
    [displayWith]="displayFn">
      <mat-option>Pilih Bank</mat-option>
      <mat-option *ngFor="let option of filteredOptions | async" [value]="option">
        {{option.bankName}}
      </mat-option>
    </mat-autocomplete>
</form>
Run Code Online (Sandbox Code Playgroud)

TS _bankService 是我获取银行列表的地方,_validationService 是我获取每个表单名称验证的地方。

export class FpLegalDataFormComponent implements OnInit, OnDestroy {
form: FormGroup;
myControl = new FormControl();
options: User[];
filteredOptions: Observable<User[]>;

constructor(
private activatedRoute: ActivatedRoute,
private formBuilder: FormBuilder,
public _validationsService: ValidationsService,
public _bankService: …
Run Code Online (Sandbox Code Playgroud)

angular-material angular

3
推荐指数
1
解决办法
7286
查看次数

标签 统计

angular ×1

angular-material ×1