Merge pull request yuche#138 from petercoles/typeahead-start

amanpatel · amanpatel · commit 842e980b11a8 · 2016-05-13T12:32:26.000-05:00
Allow typeahead queries to be matched strictly to suggestion starts
diff --git a/docs/example/typeaheadDocs.vue b/docs/example/typeaheadDocs.vue
@@ -131,6 +131,12 @@ new Vue {
           <td><code>false</code></td>
           <td>Case sensitive for suggestions.</td>
         </tr>
+        <tr>
+          <td>match-start</td>
+          <td><code>Boolean</code></td>
+          <td><code>false</code></td>
+          <td>Match only against start of suggestions. E.g. if true, "a" matches "ab" but not "ba".</td>
+        </tr>
         <tr>
           <td>on-hit</td>
           <td><code>Function</code></td>
diff --git a/src/Typeahead.vue b/src/Typeahead.vue
@@ -61,6 +61,11 @@ const typeahead = {
         coerce: coerceBoolean,
         default: false
       },
+      matchStart: {
+        type: Boolean,
+        coerce: coerceBoolean,
+        default: false
+      },
       onHit: {
         type: Function,
         default(items) {
@@ -87,7 +92,7 @@ const typeahead = {
           return this.data.filter(value=> {
             value = this.matchCase ? value : value.toLowerCase();
             var query = this.matchCase ? this.query : this.query.toLowerCase();
-            return value.indexOf(query) !== -1;
+            return this.matchStart ? value.indexOf(query) === 0 : value.indexOf(query) !== -1;
           }).slice(0, this.limit)
         }
       }
