angularjs 覆盖第三方输入中的占位符值

vlurs2pr  于 2022-12-22  发布在  Angular
关注(0)|答案(6)|浏览(137)

我使用的是第三方标签输入,已经有一个占位符值。我想更改占位符的值。我该怎么做?现在是“输入标签”。

<tag-input name="tags" [(ngModel)]='tags'></tag-input>
fae0ux8s

fae0ux8s1#

试试看:

<tag-input name="tags" [(ngModel)]='tags' placeholder='My Placeholder'></tag-input>

您应该包括您正在使用的第三方框架来帮助我们回答,但我想我已经找到了:http://mbenford.github.io/ngTagsInput/documentation/api如果您阅读文档,它会指定您可以更改哪些属性以及每个属性的描述,您要查找的是占位符。

guykilcj

guykilcj2#

你可以尝试使用jquery:

$('input[name="tags"]').attr('placeholder', 'Your placeholder...');
hof1towb

hof1towb3#

Ngx-chip有两个不同的占位符,一个与secondPlaceholder属性一起使用,当芯片列表中没有选择任何项目时显示,另一个占位符在placeholder属性下使用,当芯片列表中有多个项目时显示。
我粘贴了一个文档片段,其中解释了此功能。

**placeholder - [?string]**设置用于输入新术语的输入占位符的字符串。
**secondaryPlaceholder - [?string]**设置输入占位符的字符串,用于在输入项为0时输入新术语。

xyhw6mcr

xyhw6mcr4#

使用secondaryPlaceholder添加占位符

import { TagInputModule } from 'ngx-chips';

    TagInputModule.withDefaults({
      tagInput: {
        placeholder: 'Add a new tag',
        secondaryPlaceholder:'Your Custom PlaceHolder Here'
      }
})
u4vypkhs

u4vypkhs5#

您好,您只需添加***secondaryPlaceholder***选项,例如:

<tag-input name="tags" [(ngModel)]='tags' secondaryPlaceholder="test"></tag-input>
zu0ti5jz

zu0ti5jz6#

<tag-input
  [(ngModel)]="game_ids"
  **secondaryPlaceholder="enter game id's"**
  [modelAsStrings]="true"
  [errorMessages]="asyncErrorMessages"
  [asyncValidators]="asyncValidators"
  (onAdd)="onTagAdd($event)"
  (onRemove)="onTagRemove($event)"
  #tagsinput
></tag-input>

相关问题