Access variable by string in AngularJS

Question

I want to access and update state of variable.

function valueChange(sourceVariable, targetVariable, sourceUnit) {
    $scope[targetVariable] = measure($scope[sourceVariable] + sourceUnit + ".").kilograms();        
});

This function is called whenever something is entered in input field (on tab out). But the problem is value in input field that is bound to $scope[targetVariable] is not updated until you click inside input box.

PS: If I use variable in regular fashion it works fine.

Can you attache a jsbin sample or html update question with html part where you bind $scope[targetVariable] with input? — Akshay Ransing
– Akshay Ransing, Commented Oct 15, 2016 at 7:25
<input ng-model="details.model.NetWeightImperial" ng-model-options="{ updateOn: 'change blur', debounce: 0 }" type="text"> — Dejan Stuparic
– Dejan Stuparic, Commented Oct 15, 2016 at 7:33

Max Koretskyi · Accepted Answer · 2016-10-15 07:39:11Z

1

You probably need to udpate your variable inside $scope.$apply:

function valueChange(sourceVariable, targetVariable, sourceUnit) {
    $scope.$apply(function() {
          $scope[targetVariable] = measure($scope[sourceVariable] + sourceUnit + ".").kilograms();      
    });  
});

answered Oct 15, 2016 at 7:39

Max Koretskyi

106k69 gold badges356 silver badges524 bronze badges

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

1 Comment

Dejan Stuparic Over a year ago

Thanks for the idea, i had error with variable names also.

Collectives™ on Stack Overflow

Access variable by string 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