Select model controller properties $pristine and $touched update after input interaction

Author: indrimuska

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-selector",
-  "version": "1.3.13",
+  "version": "1.3.14",
   "authors": [
     "Indri Muska <indrimuska@gmail.com>"
   ],

dist/angular-selector.js

@@ -60,6 +60,8 @@
 				var filter       = $filter('filter'),
 					input        = angular.element(element[0].querySelector('.selector-input input')),
 					dropdown     = angular.element(element[0].querySelector('.selector-dropdown')),
+					inputCtrl    = input.controller('ngModel'),
+					selectCtrl   = element.find('select').controller('ngModel'),
 					initDeferred = $q.defer(),
 					defaults     = {
 						api:                    {},
@@ -519,6 +521,14 @@
 					.on('resize', function () {
 						scope.dropdownPosition();
 					});
+
+				// Update select controller
+				scope.$watch(function () { return inputCtrl.$pristine; }, function ($pristine) {
+					selectCtrl[$pristine ? '$setPristine' : '$setDirty']();
+				});
+				scope.$watch(function () { return inputCtrl.$touched; }, function ($touched) {
+					selectCtrl[$touched ? '$setTouched' : '$setUntouched']();
+				});
 
 				// Expose APIs
 				angular.forEach(['open', 'close', 'fetch'], function (api) {

dist/angular-selector.min.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-selector",
-  "version": "1.3.13",
+  "version": "1.3.14",
   "description": "A native AngularJS directive that transform a simple `<select>` box into a full html select with typeahead.",
   "main": "src/angular-selector.js",
   "repository": {

package.json

@@ -60,6 +60,8 @@
 				var filter       = $filter('filter'),
 					input        = angular.element(element[0].querySelector('.selector-input input')),
 					dropdown     = angular.element(element[0].querySelector('.selector-dropdown')),
+					inputCtrl    = input.controller('ngModel'),
+					selectCtrl   = element.find('select').controller('ngModel'),
 					initDeferred = $q.defer(),
 					defaults     = {
 						api:                    {},
@@ -519,6 +521,14 @@
 					.on('resize', function () {
 						scope.dropdownPosition();
 					});
+
+				// Update select controller
+				scope.$watch(function () { return inputCtrl.$pristine; }, function ($pristine) {
+					selectCtrl[$pristine ? '$setPristine' : '$setDirty']();
+				});
+				scope.$watch(function () { return inputCtrl.$touched; }, function ($touched) {
+					selectCtrl[$touched ? '$setTouched' : '$setUntouched']();
+				});
 
 				// Expose APIs
 				angular.forEach(['open', 'close', 'fetch'], function (api) {