passalini · July 14, 2014 19:51 · Jul 14, 2014
diff --git a/directive.js b/directive.js
@@ -0,0 +1,28 @@
+.directive('equals', function() {
+  return {
+    restrict: 'A', // only activate on element attribute
+    require: '?ngModel', // get a hold of NgModelController
+    link: function(scope, elem, attrs, ngModel) {
+      if(!ngModel) return; // do nothing if no ng-model
+
+      // watch own value and re-validate on change
+      scope.$watch(attrs.ngModel, function() {
+        validate();
+      });
+
+      // observe the other value and re-validate on change
+      attrs.$observe('equals', function (val) {
+        validate();
+      });
+
+      var validate = function() {
+        // values
+        var val1 = ngModel.$viewValue;
+        var val2 = attrs.equals;
+
+        // set validity
+        ngModel.$setValidity('equals', val1 === val2);
+      };
+    }
+  }
+});
diff --git a/inputs.html b/inputs.html
@@ -0,0 +1,2 @@
+<input ng-model="user.password" />
+<input ng-model="user.confirmation" equals="{{ user.password }}" />
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<input ng-model="user.password" />
		<input ng-model="user.confirmation" equals="{{ user.password }}" />
No results found