How to assign value based on property in AngularJs

Question

I store leads statutes in my database. The values could be 1,2,3 or 4.

Actually I return a human readable using the ngResource get:

Client.get({ id: $stateParams.clientId }, function(data) {
    $scope.client = data;

    // Start of numeric values to status
    for(var i=0;i<data.leads.length;i++){
        if(data.leads[i].statut===1){
            data.leads[i].statutMessage = 'À contacter';
        }
        else if(data.leads[i].statut===2){
            data.leads[i].statutMessage = 'En cours';
        }
        else if(data.leads[i].statut===3){
            data.leads[i].statutMessage = 'Obtenu';
        }
        else if(data.leads[i].statut===4){
            data.leads[i].statutMessage = 'Non obtenu';
        }
    }

});

I would like to extract this logic to Client service so that each leads "statut" (1,2,3,4) is converted to real statutes ('À contacter', 'En cours', 'Obtenu', 'Non obtenu').

Can I use this technique (directive)

If a directive is not the right way in this case, how should I do this?

floribon · Accepted Answer · 2015-03-18 01:01:11Z

1

Well when you need to display the "statutes" you could modelize it this way in your controller:

$scope.leadMessages = {
  1: 'À contacter',
  2: 'En cours',
  3: ..etc
}

And in your HTML:

<div ng-repeat="lead in data.leads">{{leadMessages[lead.statut]}}</div>

Bon courage :-)

answered Mar 18, 2015 at 1:01

floribon

19.2k5 gold badges56 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lucien Dubois Over a year ago

Thank you/ Merci! Je vais utiliser cette technique.

Collectives™ on Stack Overflow

How to assign value based on property in AngularJs

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related