Question

我的应用程序中有一个ng.grid，我应该在ng-grid的单元格中大写单词，这样第一个字符就会大写。我该怎么办？

我尝试在ng-grid中使用cellTemplate属性，如下所示：

field : 'myField',
displayName : '',
cellTemplate : '{{row.getProperty(col.field)}}'
}, {

测试'text-transform'时：在普通的HTML页面中大写它可以工作。但是在cellTemplate中，至少没有像上面那样的代码。

有没有人想过如何将它定义为ng-grid？

Answer 1

您可以创建自己的“大写第一”。过滤器：

app.filter('uppercaseFirst', function () {
  return function (str) {
    return str.replace(/^(\w)/, function (w) { return w.toUpperCase(); });
  };
});

然后在列上将其用作cellFilter：

{
  field : 'myField',
  cellFilter: 'uppercaseFirst'
}

检查此plunker是否有一个工作示例：http://plnkr.co/edit/fllRIY?p=preview

Answer 2

您可以使用'cellTemplate'来更改首字母大小写。而不是编写单独的函数更改cellTemplate，如：

{
 cellTemplate: '<div>{{row.entity[col.field].substring(0,1).toUpperCase()+
                 row.entity[col.field].substring(1)}}</div>' 
}

谢谢，

ng-grid将String中的第一个字符更改为cellTemplate中的大写字母

2 个答案: