角ng-autocomplete不起作用[(ngModel)]和名称在一起

问题描述 投票:0回答:1

我正在使用angular 8,已安装ng-autocomplete,它的工作方式如下:

HTML:

<div class="field">
       <label class="label">Nombre del condominio:</label>
        <div class="control">
          <div class="input is-small is-fullwidth">

            <ng-autocomplete

              [(ngModel)]="condos.conName"
              [data]="condominiums"
              [searchKeyword]="keyword"
              (selected)='selectEvent($event)'
              (inputChanged)='onChangeSearch($event)'
              (inputFocused)='onFocused($event)'
              (inputCleared)='onCleared()'
              [itemTemplate]="itemTemplate"
              [notFoundTemplate]="notFoundTemplate">
            </ng-autocomplete>

            <ng-template #itemTemplate let-item>
              <a [innerHTML]="item.conName"></a>
            </ng-template>

            <ng-template #notFoundTemplate let-notFound>
              <div [innerHTML]="notFound"></div>
            </ng-template>
          </div>
        </div>
      </div>

但是给我发送ng-autocomplete错误:

错误错误:如果在表单标签中使用ngModel,则名称必须设置属性或表单控件必须在ngModelOptions中定义为“独立”。

  Example 1: <input [(ngModel)]="person.firstName" name="first">
  Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">

如果我使用这样的选项(我都尝试过这两个选项):

<ng-autocomplete
  name="ConName"
  [(ngModel)]="condos.conName"
  [data]="condominiums"
  [searchKeyword]="keyword"
  (selected)='selectEvent($event)'
  (inputChanged)='onChangeSearch($event)'
  (inputFocused)='onFocused($event)'
  (inputCleared)='onCleared()'
  [itemTemplate]="itemTemplate"
  [notFoundTemplate]="notFoundTemplate">
</ng-autocomplete>

没有错误,但是自动完成功能不再起作用,它没有下拉列表。

任何想法??????

谢谢

angular autocomplete dropdown ngmodel
1个回答
0
投票
<ng-autocomplete [data]="locationList" [searchKeyword]="keyword" (selected)='selectEvent($event)' (inputChanged)='onChangeSearch($event)' (inputFocused)='onFocused($event)' [itemTemplate]="itemTemplate" [notFoundTemplate]="notFoundTemplate" [(ngModel)]= userLocation.name placeHolder="Search Location"> </ng-autocomplete> <ng-template #itemTemplate let-item> <a [innerHTML]="item.name"></a> </ng-template> <ng-template #notFoundTemplate let-notFound> <div [innerHTML]="notFound"></div> </ng-template>
© www.soinside.com 2019 - 2024. All rights reserved.