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

Question

我正在使用第三方标签输入，并且已经有一个占位符值。我想更改占位符的值。我该怎么做？现在是 "Enter a tag."

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

Answer 1

你可以尝试使用 jquery :

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

Answer 2

尝试：

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

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

Answer 3

Ngx-chip 有两个不同的占位符。一个与 secondPlaceholder 属性一起使用，当芯片列表没有选择任何项目时显示。另一个占位符，在占位符属性下使用，当芯片列表有多个项目时显示。

我粘贴了解释此功能的文档片段。

占位符 - [?string] 设置用于输入新术语的输入占位符的字符串。

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

Answer 4

添加您的占位符 secondaryPlaceholder

import { TagInputModule } from 'ngx-chips';

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

Answer 5

<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>

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

Override placeholder value in third party input

html

css

angularjs

ng-tags-input