md-slider doesn't update its position when max or min is updated

[PaulMougel]

When the max value of an md-slider is updated, the horizontal position of the slider isn't updated:

<!-- index.html -->
<md-slider flex min="0" max="{{max}}" ng-model="value"></md-slider>
<md-button ng-click="doubleMax()">Double max!</md-button>

// index.js
$scope.doubleMax = function () {
  $scope.max *= 2
}

See this Plunker. If I double the maximum value for the slider, it doesn't move to reflect the modification. However, when I try to move it (using the keyboard for instance), then it moves in the right position.

Tested on Chrome, Firefox and Safari.

[johnrivelt]

When min value changed, there is still some issue.
https://embed.plnkr.co/tdyYHl/
In above case, when click ssd 1 to 5, top-to-bottom direction works as I expect.
But, bottom-to-top is not updating correctly.