可以在ng表中的输入上设置占位符吗?

时间:2014-11-27 16:16:34

标签: angularjs ngtable

有没有办法在ngTable中创建的<input>上设置占位符?

作为第二种选择,还有另一种设置输入作为过滤器的方法吗?

this的更改将不胜感激。谢谢!

3 个答案:

答案 0 :(得分:4)

您可以编辑ng-table.js

Unminify ng-table.js(即:http://jsbeautifier.org/),然后在第250行找到

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

在那里添加占位符即:

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

请参阅此处了解工作演示:

http://plnkr.co/edit/q0CMCb7evmZh1sflVV5f?p=preview

答案 1 :(得分:2)

为避免编辑ng-table.js文件,您可以添加以下内容:

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

这将创建ng-tables&text;&#39; text&#39;中使用的模板的缓存副本。过滤&#39; ng-table / filters / text.html&#39;。

答案 2 :(得分:2)

添加新解决方案 在ng-table html中,做这样的事情,

<td filter="{ address: {id:'text',placeholder:'ADDRESS'}}">{{row.address}}</td>