How to make scoped variable in Controller based on some condition in Angularjs

Question

My code in Angularjs Controller is like :

$scope.validElements = [                                    
                                 {
                                    "id": "One",              
                                 }, 
                                 {
                                    "id": "Two",
                                 }, 
                                 {
                                    "id": "Three",
                                 },
                                 {
                                    "id": "Four",
                                 }
                            ];

How can i make validElements to be different based on condition ( if(someService.someElement == "ABC") ) then

$scope.validElements = [                                    
                                 {
                                    "id": "One",              
                                 },
                                 {
                                    "id": "Three",
                                 }    
                        ];

otherwise

$scope.validElements = [                                    
                                {
                                    "id": "One",              
                                 }, 
                                 {
                                    "id": "Two",
                                 }, 
                                 {
                                    "id": "Three",
                                 },
                                 {
                                    "id": "Four",
                                 }
                        ];

Please give suggestions if it is possible or any rough idea how it can be done

Do you want $scope.validElements to be bound to someService.someElement? — William Gaul
– William Gaul, Commented Mar 19, 2015 at 4:38
@WilliamGaul : Yes, i mean the condition is based on some element present in someService — Tushar Khanna
– Tushar Khanna, Commented Mar 19, 2015 at 4:40

Aaron · Accepted Answer · 2015-03-19 04:44:13Z

1

It seems you want to create another scoped variable and set it equal to someService, and then place a watch on someSome element. You can then handle the condition in the watch function. I've done this to watch service variables

    $scope.validElements = [ // set default here               
         {
            "id": "One",              
         } // ...
    ];
    $scope.someService = someService;
    $scope.$watch('someService.someElement', function(newValue, oldValue) {
        // or a switch statment
        if(newValue == 'ABC'){
            $scope.validElements = [                                    
                     {
                        "id": "One",              
                     },
                     {
                        "id": "Three",
                     }    
            ];
        }else{
            // handle else condition
            $scope.validElements = [                                    
                    {
                        "id": "One",              
                     }, 
                     {
                        "id": "Two",
                     }, 
                     {
                        "id": "Three",
                     },
                     {
                        "id": "Four",
                     }
            ];
        }
    });

Hope this helps! good luck

answered Mar 19, 2015 at 4:44

Aaron

2,4501 gold badge21 silver badges24 bronze badges

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

1 Comment

Tushar Khanna Over a year ago

I will try to implement with this & will let you know. Thanks for the prompt reply. :)

Collectives™ on Stack Overflow

How to make scoped variable in Controller based on some condition in Angularjs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related