【问题标题】:How to programmatically add chips, without using [(ngModel)]如何在不使用 [(ngModel)] 的情况下以编程方式添加芯片
【发布时间】:2021-09-08 17:02:50
【问题描述】:

在我开发的应用程序中,我们有tag-input,但没有ngModel,所以项目只是使用鼠标扔到里面,所以从客户端。我希望能够从另一个按钮触发的代码中清除芯片并以编程方式插入我自己的芯片。这该怎么做? tag-input 的模板代码是这样的:

<tag-input [formControlName]="'chips'"
           [inputText]="inputText"
           [editable]="true"
           [identifyBy]="'value'"
           [displayBy]="'display'"
           [allowDupes]="true"
           [theme]="'bootstrap'"
           [addOnBlur]="true"
           [clearOnBlur]="true"
           [addOnPaste]="true"
           [onlyFromAutocomplete]="false"
           [dragZone]="'zone1'"
           [onAdding]="transform"
           [pasteSplitPattern]="splitpattern6"
           [separatorKeyCodes]="[32]"
           [ngClass]="{
             'is-invalid': submitted && chips.invalid,
             missing_parameters: checkIfKeyDocumentApplied()
           }"
           [errorMessages]="errorMessages"
           [validators]="validators"
           [placeholder]="placeholder"
           [secondaryPlaceholder]="secondaryPlaceholder"
           (onSelect)="onSelect($event)"
           (onAdd)="onAdd($event)"
           (onFocus)="toggleQueryFocusStyle(true)"
           (onBlur)="toggleQueryFocusStyle(false)">
           <tag-input-dropdown [showDropdownIfEmpty]="false"
             [autocompleteObservable]="requestAutocompleteItemsFake">
           </tag-input-dropdown>
</tag-input>

【问题讨论】:

    标签: angular ngx-chips


    【解决方案1】:

    我相信您需要支持以编程方式添加或删除表单控件的 FormArray。

    【讨论】:

      猜你喜欢
      • 2020-11-01
      • 2011-06-16
      • 2014-11-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-09-06
      • 2021-11-07
      • 2013-03-09
      相关资源
      最近更新 更多