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.