在 ng-table 的过滤器中添加占位符

【问题标题】：Add placeholder in filter of ng-table在 ng-table 的过滤器中添加占位符
【发布时间】：2017-11-28 18:28:16
【问题描述】：

您好，有人可以帮我吗？

如何在 td 的文本框中添加占位符？

这里是代码

<td data-title="'Effectivity Date'" filter="{ 'date_from':'text','date_to':'text' }">{{item.date_start | dateToISO | date:'MMM-dd-yyyy'}}</td>

谢谢。

【问题讨论】：

标签： css placeholder ngtable

【解决方案1】：

您可以更正ng-table.js

Unminify ng-table.js 然后在第 250 行我们可以找到

<input type="text" ng-model="params.filter [name]" ng-if="filter==\'text\'" ,class="input-filter form-control"/>

在此处添加placeholder 即：

<input type="text" ng-model="params.filter [name]" ng-if="filter==\'text\'" placeholder="input {{name}}",class="input-filter form-control"/>

操作演示：

Demo

【讨论】：

【解决方案2】：

非常糟糕的答案。你永远不应该编辑供应商库！如果您想一次更新它们，您将丢失所有更改。

而只是通过 $templateCache 覆盖 Angular 应用程序的运行块中的模板：

$templateCache.put('ng-table/filters/text.html',
    '<input type="text" ng-model="params.filter [name]" ng-if="filter==\'text\'" placeholder="input {{name}}" class="input-filter form-control"/>');

【讨论】：