fix(select): Fixed select not working due to strict null checks

Author: edcarroll

components/search/search.service.ts

@@ -151,22 +151,20 @@ export class SearchService<T> {
             return;
         }
 
-        if (this.optionsField) {
             // Convert the query string to a RegExp.
-            const regex = this.toRegex(this._query);
+        const regex = this.toRegex(this._query);
 
-            if (regex instanceof RegExp) {
+        if (regex instanceof RegExp) {
                 // Only update the results if the query was valid regex.
                 // This avoids the results suddenly becoming empty if an invalid regex string is inputted.
-                this.updateResults(this._options
-                    // Filter on the options with a string match on the field we are testing.
-                    .filter(o => readValue<T, string>(o, this._optionsField)
-                        .toString()
-                        .match(regex)));
-            }
-
-            return callback();
+            this.updateResults(this._options
+                // Filter on the options with a string match on the field we are testing.
+                .filter(o => readValue<T, string>(o, this._optionsField)
+                    .toString()
+                    .match(regex)));
         }
+
+        return callback();
     }
 
     // Updates & caches the new set of results.

components/select/select.ts

@@ -22,7 +22,7 @@ export type SingleItemLookup<T, U> = (query:string, initial?:U) => Promise<T>;
 <!-- Selected item -->
 <div class="text" [class.filtered]="!!query || !selectedOption">
     <span #optionTemplateSibling></span>
-    <span *ngIf="!optionTemplate">{{ labelGetter(selectedOption) }}</span>
+    <span *ngIf="!optionTemplate && selectedOption">{{ labelGetter(selectedOption) }}</span>
 </div>
 <!-- Select dropdown menu -->
 <div class="menu"