fix(input): fix numeric model md-maxlength validation

Fixes angular#5321

src/components/input/input.js

@@ -519,7 +519,7 @@ function mdMaxlengthDirective($animate, $mdUtil) {
  if (!angular.isNumber(maxlength) || maxlength < 0) {
  return true;
  }
- return ( modelValue || element.val() || viewValue || '' ).length <= maxlength;
+ return ( modelValue || element.val() || viewValue || '' ).toString().length <= maxlength;
  };
  });
 

src/components/input/input.spec.js

@@ -236,6 +236,24 @@ describe('md-input-container directive', function() {
  expect(getCharCounter(el).text()).toBe('3/5');
  });
 
+ it('should work with a numeric model value', function() {
+ var el = $compile(
+ '<form name="form">' +
+ '<md-input-container>' +
+ '<input md-maxlength="5" ng-model="foo" name="foo">' +
+ '</md-input-container>' +
+ '</form>')(pageScope);
+
+ pageScope.$apply();
+
+ // Flush any pending $mdUtil.nextTick calls
+ $timeout.flush();
+
+ pageScope.$apply('foo = 1234');
+ expect(getCharCounter(el).text()).toBe('4/5');
+ expect(pageScope.form.foo.$error['md-maxlength']).toBeFalsy();
+ });
+
  it('should render correct character count when value is a number', function() {
  var template =
  '<md-input-container>' +