aggiungere una funzione personalizzata su angolare $ risorsa

Question

Ho una risorsa angolare che va qualcosa come questo

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 
      } 
     } 
    ); 
}); 

ora voglio avere il nome completo nella vista, posso aggiungere un metodo in modo che quando faccio questo

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

invece di fare quanto segue in html

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

faccio questo

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

c'è un modo per aggiungere questa proprietà allo $resource?

Answer 1

È possibile aggiungere come una proprietà utilizzando transformResponse, ma potrei suggerire solo l'aggiunta di un metodo per ogni oggetto che restituisce il nome e il cognome combinato:

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; 
}); 

Quindi utilizzare:

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

Tutte le funzioni aggiunte utilizzando il prototipo verranno aggiunte a tutti gli oggetti restituiti dal servizio. È un ottimo modo per aggiungere metodi di supporto se hai bisogno di fare complicati ottenere o impostare le proprietà del servizio.

Answer 2

penso che si dovrebbe guardare modo transformResponse.

Btw, quale versione di angolare si usa?

Answer 3

dopo aver giocato per un po 'con angolare, penso che un filtro cliente sarebbe un approccio molto più saggio, piuttosto che aggiungere una proprietà su $ risorsa.

qui è come fare un filtro

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