How to bind an object to an expression depending on other attribut in angularjs?

Question

I have an angular project with this variable :

$scope.kilometer = 20;
$scope.carType=1;

I would like that

$scope.priceperkilometer

equal

 10 if $scope.kilometer < 20 and $scope.carType=1
 20 if $scope.kilometer < 20 and $scope.carType=2
 30 if $scope.kilometer >= 20 and $scope.carType=1
 40 if $scope.kilometer >= 20 and $scope.carType=2

How to bind something like this?

what about using a function $scope.priceperkilometer=function(){} since that variable depends on other variables it makes more sence to do that. — mpm
– mpm, Commented Jun 2, 2013 at 16:40
yes. That what i'm start to think about. Do you thinks it will refresh the display ? — mcbjam
– mcbjam, Commented Jun 2, 2013 at 16:41

TheHippo · Accepted Answer · 2013-06-02 16:46:29Z

The variant with the function does work. But you also could pre-calculate the value (this might be faster if you use priceperkilometer often):

$scope.kilometer = 20;
$scope.carType = 1;

calculatePrice = function() {
    if ($scope.kilometer < 20 and $scope.carType=1)
        return 10;
    else if ($scope.kilometer < 20 and $scope.carType=2)
        return 20;
    else if ($scope.kilometer >= 20 and $scope.carType=1)
        return 30;
    else if ($scope.kilometer >= 20 and $scope.carType=2)
        return 40;
};

$scope.priceperkilometer = calculatePrice();

$scope.$watch('kilometer', function(newValue, oldValue) {
    if (newValue != oldValue)
        $scope.priceperkilometer = calculatePrice();
});

$scope.$watch('carType', function(newValue, oldValue) {
    if (newValue != oldValue)
        $scope.priceperkilometer = calculatePrice();
});

Collectives™ on Stack Overflow

How to bind an object to an expression depending on other attribut in angularjs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related