javascript - ng-table múltiples filtros de plantilla usando coffeescript

angularjs ngtable

Question

Estoy usando AngularJS, ng-table y coffeescript juntos y me gustaría crear un filtro de plantilla múltiple dentro de coffeescript y pasarlo a mi plantilla angularjs.

Tengo una columna combinada de nombre y apellido que me gustaría dos filtros para ''nombre'' y ''apellido''.

Hasta ahora lo tengo funcionando así;

      <td data-title="''Customer''" sortable="''fullname''"
        filter="{''name_cont'': ''text'', ''surname_cont'':''text''}" >

Pero me gustaría definir este filtro en mi controlador AngularJS como tal

   $scope.nameFilterDef = {
     name: {
       id: "text",
       placeholder: "Name"
     },
     surname: {
       id: "text",
       placeholder: "Surname"
     }
   }

Y limpie mi plantilla usando ese filtro como tal;

      <td data-title="''Customer''" sortable="''fullname''"
        filter="nameFilterDef" >

Cuando llamo al filtro de esta manera, aunque no aparecen cuadros de filtro.

Actualizar

Si pongo {{nameFilterDef}} en la página, puedo ver que se transfiere mi filtro hash.

Answer 1

Si este marcado html funciona para usted ...

<td data-title="''Customer''" sortable="''fullname''"
    filter="{''name_cont'': ''text'', ''surname_cont'':''text''}" >

Entonces este código debería funcionar también:

 //use this
 $scope.nameFilterDef = {
     ''name_cont'': ''text'', 
     ''surname_cont'':''text''
  }
 //instead of this:
 $scope.nameFilterDef = {
 name: {
   id: "text",
   placeholder: "Name"
 },
 surname: {
   id: "text",
   placeholder: "Surname"
 }
}

-

 <td data-title="''Customer''" sortable="''fullname''"
 filter="nameFilterDef" >

Aquí hay un ejemplo de trabajo en el codepen: pasar el filtro desde el controlador como un objeto

Además, si proporciona código de trabajo en plunker, codepen o jsFiddle, sería muy útil.

Espero que esto te ayude.