AngularJS ng-grid電話格式

Question

希望這可能是某人遇到的事情，使用ng-grid組件來顯示數據。

其中一列是電話號碼。 是否有更簡單的方法將手機格式化為（123）-123-1234。

ng-grid代碼看起來像這樣，

 $scope.gridOptions = { data:'records',
        enableRowSelection:false,
        filterOptions: $scope.filterOptions,
        columnDefs:[
            {field:'phoneNumber', displayName:'Phone', width:80} 
        ]};

Answer 1

用以下內容替換phonenumber字段末尾的}

，cellTemplate：“（{{row.getProperty（col.field）.substr（0,3）}}）{{row.getProperty（col.field）.substr（3,3）}} - {{row.getProperty （col.field）.substr（6,4）}}”

Answer 2

這是一個有效的解決方案。 信息“row.getProperty（col.field）| phoneNumber”，“phoneNumber”將出現在JSON字符串中。 控制器中的代碼對於列來說是這樣的

 $scope.gridOptions = { data:'records',
    enableRowSelection:false,
    filterOptions: $scope.filterOptions,
    columnDefs:[
        {field:'phoneNumber', displayName:'Phone', width:80,cellTemplate:'<div class="ngCellText" ng-class="col.colIndex()"><span ng-cell-text>{{row.getProperty(col.field)|phoneNumber}}</span></div>'}} 
    ]};

在html文件中有以下代碼片段。

<div id="controller" data-ng-controller="controller">
    <div class="gridStyle" ng-grid="gridOptions" width="100%"></div>
</div>
 <script type="text/javascript" src="/common/PhoneFormat.js"></script> 
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js></script> 
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-resource.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-touch.js"></script>
 <script type="text/javascript" src="/common/ng-grid.js"></script>