Slide limit based on another slider value

Hi, I’m trying set a limit on a second slider (car_loan_excess) based on the current value of another slider (car_loan_amount). I don’t want the second slider to extend above the main slider value. I tried using the MaxLimit but that didn’t do anything (maxLimit: car_loan_amount), so I’m not sure if this is possible. Any suggestions?

$scope.car_loan_amount = {
    minValue: 25000,
    options: {
      floor: 500,
      ceil: 50000,
      step: 500,
      precision: 0,
      draggableRange: false,
      showSelectionBar: false,
      hideLimitLabels: false,
      readOnly: false,
      disabled: false,
      showTicks: false,
      showTicksValues: false
    }
  };
  $scope.car_loan_excess = {
    minValue: 0,
    options: {
      floor: 0,
      ceil: 50000,
      step: 500,
      precision: 0,
      maxLimit: car_loan_amount,
      draggableRange: false,
      showSelectionBar: false,
      hideLimitLabels: false,
      readOnly: false,
      disabled: false,
      showTicks: false,
      showTicksValues: false
    }
  };

[ValentinH]

It’s because your code was outside the controller scope (in a new div), working example: http://jsfiddle.net/rh9u8xcd/

[haurs]

Thanks a lot Valentin! Got it working now.