ohayolibs/packages/form/src/widgets/mention/mention.widget.html

Ohayo is a set of essential modules for ohayojp.

<sf-item-wrap [id]="id" [schema]="schema" [ui]="ui" [showError]="showError" [error]="error" [showTitle]="schema.title">
  <nz-mention
    #mentions
    [nzSuggestions]="data"
    [nzValueWith]="i.valueWith"
    [nzLoading]="loading"
    [nzNotFoundContent]="i.notFoundContent"
    [nzPlacement]="i.placement"
    [nzPrefix]="i.prefix"
    (nzOnSelect)="_select($event)"
    (nzOnSearchChange)="_search($event)"
  >
    <input
      *ngIf="ui.inputStyle !== 'textarea'"
      nzMentionTrigger
      nz-input
      [attr.id]="id"
      [disabled]="disabled"
      [attr.disabled]="disabled"
      [nzSize]="ui.size"
      [ngModel]="value"
      (ngModelChange)="setValue($event)"
      [attr.maxLength]="schema.maxLength || null"
      [attr.placeholder]="ui.placeholder"
      autocomplete="off"
    />
    <textarea
      *ngIf="ui.inputStyle === 'textarea'"
      nzMentionTrigger
      nz-input
      [attr.id]="id"
      [disabled]="disabled"
      [attr.disabled]="disabled"
      [nzSize]="ui.size"
      [ngModel]="value"
      (ngModelChange)="setValue($event)"
      [attr.maxLength]="schema.maxLength || null"
      [attr.placeholder]="ui.placeholder"
      [nzAutosize]="i.autosize"
    >
    </textarea>
  </nz-mention>
</sf-item-wrap>