Insert dynamic filter into an Angularjs Expression

Question

I am trying to insert a dynamic filter according to a field of an object in the ng-grid. I tried so many ways and I couldn’t:

$scope.gridOptions.columnDefs = [
    { displayName: 'entity.tipoPessoa', field: 'tipoPessoa'},
    { displayName: 'entity.id', field: 'id', cellTemplate: '<div class=\"ngCellText\" ng-class=\"col.colIndex()\"><span ng-cell-text>[Insira o trecho de código aqui]</span></div>'},
    //...
]:

Code snippet:

{{ row.entity.tipoPessoa == "F" ? row.entity.id | brCpf : row.entity.id | brCnpj }}

{{ row.entity.tipoPessoa == "F" ? "row.entity.id | brCpf" : "row.entity.id | brCnpj" }}

{{ row.entity.tipoPessoa == "F" ? "{{row.entity.id | brCpf}}" : "{{row.entity.id | brCnpj}}" }}

{{ row.entity.tipoPessoa == "F" ? {{row.entity.id | brCpf}} : {{row.entity.id | brCnpj}} }}

None of these ways worked. What’s the right way to do it? Should I try another approach?

Answer 1

I decided to create a custom filter, surely there must be another way of doing it, but I leave here the solution used:

app.filter('CpfCnpj', ['$filter', function($filter) {
    return function(CpfCnpj) {
        var cpfSize = 11;
        return CpfCnpj.length <= cpfSize ? $filter('brCpf')(CpfCnpj) : $filter('brCnpj')(CpfCnpj);
    };
}]);