v1.2.1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-currency",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "main": "dist/ng-currency.js",
   "description": "Directive that works in conjunction with currency filter.",
   "homepage": "http://alaguirre.com",

src/ng-currency.directive.js

@@ -1,9 +1,9 @@
-export default function ngCurrency($filter, $locale, ngCurrencySettings) {
+export default function ngCurrency($filter, $locale, $timeout, ngCurrencySettings) {
   return {
     require: 'ngModel',
     link: (scope, element, attrs, controller) => {
       let { hardCap, min, max, currencySymbol, fraction } = ngCurrencySettings.defaults;
-      let ngRequired = ['', 'true'].indexOf(attrs.ngRequired) !== -1;
+      let ngRequired = attrs.required;
       let active = true;
 
       attrs.$observe('ngCurrency', (value) => {
@@ -31,7 +31,7 @@ export default function ngCurrency($filter, $locale, ngCurrencySettings) {
         currencySymbol = value;
         reformat();
       });
-      scope.$watch(attrs.ngRequired, (value) => {
+      attrs.$observe('required', (value) => {
         ngRequired = value;
         revalidate();
       });
@@ -41,6 +41,11 @@ export default function ngCurrency($filter, $locale, ngCurrencySettings) {
         revalidate();
       });
 
+      // HACK(cecilia-sanare): Seriously angular?
+      $timeout(() => {
+        scope.$emit('currencyRedraw');
+      });
+
       controller.$parsers.push((value) => {
         if (active && [undefined, null, ''].indexOf(value) === -1) {
           value = clearValue(value);
@@ -204,4 +209,4 @@ export default function ngCurrency($filter, $locale, ngCurrencySettings) {
     }
   };
 }
-ngCurrency.$inject = ['$filter', '$locale', 'ngCurrencySettings'];
+ngCurrency.$inject = ['$filter', '$locale', '$timeout', 'ngCurrencySettings'];

test/ng-currency/ng-currency.directive.spec.js

@@ -738,6 +738,21 @@ describe('ngCurrency directive tests', () => {
       });
     });
 
+    describe('Required', () => {
+      beforeEach(angular.mock.inject(($rootScope, $compile, $timeout) => {
+        scope = $rootScope.$new();
+        scope.value = undefined;
+        scope.$digest();
+        element = $compile(`<input ng-currency min="1" ng-model="value" required>`)(scope);
+        $timeout.flush();
+      }));
+
+      it('should support the required attribute', () => {
+        expect(element.hasClass('ng-invalid')).toBeTruthy();
+        expect(element.hasClass('ng-invalid-min')).toBeTruthy();
+      });
+    });
+
     describe('$pristine', () => {
       it('should be pristine when initialized with a custom currencySymbol', () => {
         scope.currencySymbol = '¥';