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

Question

嗨，有人可以帮我解决这个问题吗？

如何在 td 的文本框内放置占位符？

这是代码

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

谢谢。

Answer 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

Answer 2

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

而是通过 $templateCache:

覆盖您的 angular-app 的运行-block 中的模板

$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"/>');

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

Add placeholder in filter of ng-table

css

placeholder

ngtable