代码之家  ›  专栏  ›  技术社区  ›  Lahiru Chandima

无法将ngModel指令添加到角度材质自动完成

  •  0
  • Lahiru Chandima  · 技术社区  · 6 年前

    我想添加一个自动完成字段到我的应用程序页面。

    我在模板中添加了以下内容。

    <mat-form-field class="example-full-width">
        <input matInput placeholder="Pick one" [(ngModel)]="entity.type" [matAutocomplete]="auto">
        <mat-autocomplete #auto="matAutocomplete">
            <mat-option *ngFor="let option of options" [value]="option">
                {{option}}
            </mat-option>
        </mat-autocomplete>
    </mat-form-field>
    

    错误:多个自定义值访问器与窗体控件匹配 具有未指定的名称属性

    如果我删除,错误就会消失 [(ngModel)]="entity.type" 来自模板的指令。

    Here is a stackblitz 为了这个问题。控制台中显示错误,可以从页面的右下角打开。

    1 回复  |  直到 6 年前
        1
  •  0
  •   Lahiru Chandima    6 年前

    发现了问题。这是由于 TrimValueAccessorModule 我在应用程序中使用的。当我移除模块时,问题得到了解决。

    我可以从TrimValueAccessorModule中排除autocomplete,方法是在 input TrimValueAccessorModule 完全是。

    class="ng-trim-ignore"