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

【问题标题】：Override placeholder value in third party input覆盖第三方输入中的占位符值
【发布时间】：2017-09-08 02:57:01
【问题描述】：

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

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

【问题讨论】：

标签： html css angularjs ng-tags-input

【解决方案1】：

试试：

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

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

【讨论】：

抱歉，我使用的是github.com/Gbuomprisco/ngx-chips，它确实在文档中讨论了占位符，看起来你只需要放置 placeholder="something" 来覆盖它，但它无法正常工作
太棒了！只是建议尝试一下

【解决方案2】：

你可以试试jquery：

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

【讨论】：

【解决方案3】：

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

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

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

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

【讨论】：

【解决方案4】：

用secondaryPlaceholder添加你的占位符

import { TagInputModule } from 'ngx-chips';

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

【讨论】：

【解决方案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>

【讨论】：