feat(chips): allows user to require a matched item - used with autoco…

…mplete

src/components/chips/demoContactChips/index.html

@@ -11,6 +11,7 @@
         md-contact-name="name"
         md-contact-image="image"
         md-contact-email="email"
+        md-require-match
         filter-selected="ctrl.filterSelected"
         placeholder="To">
     </md-contact-chips>

src/components/chips/demoCustomInputs/index.html

@@ -18,7 +18,7 @@
 
     <p>Use <code>&lt;md-autocomplete&gt;</code> to build an ordered set of chips.</p>
 
-    <md-chips ng-model="ctrl.selectedVegetables" md-autocomplete-snap>
+    <md-chips ng-model="ctrl.selectedVegetables" md-autocomplete-snap md-require-match>
       <md-autocomplete
           md-selected-item="ctrl.selectedItem"
           md-search-text="ctrl.searchText"

src/components/chips/js/chipsController.js

@@ -86,6 +86,7 @@
     var chipBuffer;
     switch (event.keyCode) {
       case this.$mdConstant.KEY_CODE.ENTER:
+        if (this.$scope.requireMatch) break;
         chipBuffer = this.getChipBuffer();
         if (chipBuffer) {
           event.preventDefault();

src/components/chips/js/chipsDirective.js

@@ -162,7 +162,8 @@
         secondaryPlaceholder: '@',
         mdOnAppend: '&',
         deleteHint: '@',
-        deleteButtonLabel: '@'
+        deleteButtonLabel: '@',
+        requireMatch: '=?mdRequireMatch'
       }
     };
 
@@ -218,6 +219,14 @@
        * Configures controller and transcludes.
        */
       return function postLink(scope, element, attrs, controllers) {
+
+        //-- give optional properties with no value a boolean true by default
+        angular.forEach(scope.$$isolateBindings, function (binding, key) {
+          if (binding.optional && angular.isUndefined(scope[key])) {
+            scope[key] = attr.hasOwnProperty(attr.$normalize(binding.attrName));
+          }
+        });
+
         $mdTheming(element);
         var mdChipsCtrl = controllers[0];
         mdChipsCtrl.chipContentsTemplate = chipContentsTemplate;

src/components/chips/js/contactChipsDirective.js

@@ -51,6 +51,7 @@
   var MD_CONTACT_CHIPS_TEMPLATE = '\
       <md-chips class="md-contact-chips"\
           ng-model="$mdContactChipsCtrl.contacts"\
+          md-require-match="$mdContactChipsCtrl.requireMatch"\
           md-autocomplete-snap>\
           <md-autocomplete\
               md-menu-class="md-contact-chips-suggestions"\
@@ -110,12 +111,21 @@
         contactImage: '@mdContactImage',
         contactEmail: '@mdContactEmail',
         filterSelected: '=',
-        contacts: '=ngModel'
+        contacts: '=ngModel',
+        requireMatch: '=?mdRequireMatch'
       }
     };
 
     function compile(element, attr) {
       return function postLink(scope, element, attrs, controllers) {
+
+        //-- give optional properties with no value a boolean true by default
+        angular.forEach(scope.$$isolateBindings, function (binding, key) {
+          if (binding.optional && angular.isUndefined(scope[key])) {
+            scope[key] = attr.hasOwnProperty(attr.$normalize(binding.attrName));
+          }
+        });
+
         $mdTheming(element);
         element.attr('tabindex', '-1');
       };