javascript - usuario - agregar una función personalizada en $ resource angular

crear una funcion con macros

Question

Esta pregunta ya tiene una respuesta aquí:

• Angular: extensión de $ subobjeto de recursos con métodos personalizados 4 respuestas

Tengo un recurso angular que va algo como esto.

app.factory(''User'', function ($resource) {
    return $resource(
        ''/api/user/:listCtrl:id/:docCtrl/'', {
            id: ''@id'',
            listCtrl: ''@listCtrl'',
            docCtrl: ''@docCtrl''
        }, {
            update: {
                method: ''PUT''
            },
            current: {
                method: ''GET'',
                params: {
                    listCtrl: ''current''
                }
            },
            nearby: {
                method: ''GET'',
                params: {
                    docCtrl: ''nearby''
                },
                isArray: true
            }
        }
    );
});

Ahora quiero tener un nombre completo en la vista, ¿puedo agregar un método para que cuando haga esto?

$scope.user = User().current();

En lugar de hacer lo siguiente en HTML.

<p>{{ user.first_name }} {{ user.last_name }}</p>

hago esto

<p>{{ user.get_full_name }}</p>

¿Hay alguna manera de agregar esta propiedad al $resource ?

Answer 1

Creo que deberías mirar la forma de transformResponse respuesta.

Por cierto, ¿qué versión de angularjs usas?

Answer 2

Puedes agregarlo como una propiedad usando transformResponse, pero puedo sugerir que solo agregues un método a cada objeto que devuelva el nombre y el apellido combinados:

app.factory(''User'', function ($resource) {
    var User = $resource(
        ''/api/user/:listCtrl:id/:docCtrl/'', {
            id: ''@id'',
            listCtrl: ''@listCtrl'',
            docCtrl: ''@docCtrl''
        }, {
            update: {
                method: ''PUT''
            },
            current: {
                method: ''GET'',
                params: {
                    listCtrl: ''current''
                }
            },
            nearby: {
                method: ''GET'',
                params: {
                    docCtrl: ''nearby''
                },
                isArray: true
            }
        }
    );
    // add any methods here using prototype
    User.prototype.get_full_name = function() {
        return this.first_name + '' '' + this.last_name;
    };
    return User;
});

Luego use:

<p>{{ user.get_full_name() }}</p>

Cualquier función agregada usando prototipo se agregará a cada objeto devuelto por su Servicio. Es una excelente manera de agregar métodos de ayuda si necesita realizar una configuración complicada de las propiedades del servicio.

Answer 3

después de jugar por un tiempo con angular, creo que un filtro de clientes sería un enfoque mucho más inteligente, en lugar de agregar una propiedad en $ resource.

Aquí es cómo hacer un filtro.

app.filter(''getFullName'', function () {
    return function (input) {
      if (input) {
        return input.first_name + '' '' + input.last_name;
      } else {
        return ''default'';
      }
    };
  });